HTML常見(jiàn)問(wèn)題匯總
問(wèn)題 問(wèn)題分析 解決方案
1、布局突然很混亂 一般都由“colspan 、rowspan”兩個(gè)屬性引起,可能在“添加或刪除”“td或tr”時(shí)忘記更改或添加這兩個(gè)屬性。 查看“colspan 、rowspan”兩個(gè)屬性值設(shè)置是否正確。
2、表格嵌套時(shí)將外層的表格撐大 1、“cellspacing、 cellpadding”引起。默認(rèn)值都為1px2、“border”引起注意:這三個(gè)屬性的寬度都包含在表格寬度之內(nèi),在IE瀏覽器中是這樣??赡懿煌臑g覽器有不同的默認(rèn)包含關(guān)系。 1、設(shè)置cellspacing=”0″ cellpadding=”0″ border=”0″2、如果必須設(shè)置這三個(gè)屬性的值,則合理計(jì)算并設(shè)置其值。
3、設(shè)置的具體的寬度,可還是不自動(dòng)回車(chē) 漢字可自動(dòng)回車(chē),英文不自動(dòng)回車(chē) 針對(duì)英文可加這樣的css屬性:style=”word-break:break-all”
4、已經(jīng)設(shè)置了border大小,為什么卻沒(méi)有顯示? 表格中沒(méi)有任何內(nèi)容,甚至沒(méi)有空格 如果為了看著方便可暫時(shí)加入一個(gè)空格。
5、當(dāng)長(zhǎng)或高的尺寸設(shè)置小于某一值后實(shí)際長(zhǎng)寬就不隨屬性值的減小而減小了 很可能的原因是單元格內(nèi)有空格,空格如果一個(gè)文字一樣,它占據(jù)一定的空間 將空格去掉?;蛘咴O(shè)置:style=”font-size:0px; line-height:0px;”
6、設(shè)置border=1,為什么實(shí)際的好象比1px粗(實(shí)際是2px) 表格由連續(xù)的單元格構(gòu)成,每個(gè)單元格的邊框都獨(dú)立存在,所以相臨兩個(gè)單元格的邊框挨在一起變成了2px 添加這樣的屬性:style=”border-collapse:collapse”
7、所設(shè)的屬性值不起作用 這個(gè)問(wèn)題很另類(lèi),當(dāng)代碼書(shū)寫(xiě)成這樣時(shí):width= height=”20″ ,此時(shí),無(wú)論怎么更改height的值就是不起作用,因?yàn)闉g覽器將“width=”后面的內(nèi)容都做為width的屬性值,所以不能正確識(shí)別height=”20″ 的含義。 出現(xiàn)這樣的問(wèn)題都是我們書(shū)寫(xiě)代碼時(shí)馬虎所致,類(lèi)似的錯(cuò)誤還有很多,這樣的錯(cuò)誤一但出現(xiàn)了,很不容易查找,所以要求我們?cè)跁?shū)寫(xiě)代碼時(shí)要盡量規(guī)范認(rèn)真。
8、頁(yè)面的上邊總是留出一段空白 body默認(rèn)有個(gè)上邊距,設(shè)置這個(gè)值的屬性topmargin有很多相關(guān)的書(shū)籍都不給介紹,以后記住就行了。 設(shè)置:topmargin=”0″,相關(guān)的屬性有:leftmargin、rightmargin、bottommargin。
9、已經(jīng)設(shè)置tr或td具體高度可還是平分table高度 當(dāng)給表格設(shè)置了具體的高度的時(shí)候,table內(nèi)的tr會(huì)自動(dòng)平分table的高度,不管是否設(shè)置了tr或td的高度,尤其在做新聞之類(lèi)的信息列表時(shí)容易出項(xiàng)這樣的問(wèn)題。 不設(shè)置table的具體高度,讓其隨內(nèi)容的增加自然延伸。
10、td中的所有內(nèi)容自動(dòng)居中 根據(jù)長(zhǎng)時(shí)間以來(lái)的經(jīng)驗(yàn)來(lái)看,當(dāng)沒(méi)有具體設(shè)置td的aling屬性值的時(shí)候,在本地測(cè)試時(shí)內(nèi)容默認(rèn)居左,而在客戶(hù)端訪問(wèn)的時(shí)候,內(nèi)容卻默認(rèn)居中。 明確設(shè)置td的aling屬性值,避免帶來(lái)麻煩。
11、瀏覽器兼容問(wèn)題 這個(gè)涉及到的問(wèn)題比較多,不適合在這里一一說(shuō)明,建議參考“瀏覽器兼容專(zhuān)題”的文章。
特殊說(shuō)明: 以上是我這么長(zhǎng)時(shí) 間以來(lái)經(jīng)常遇到的、很典型的、書(shū)上很少提及過(guò)的問(wèn)題,暫時(shí)就想起這些。以前遇到時(shí)也沒(méi)有及時(shí)記錄下來(lái),主要是因?yàn)閔tml是很簡(jiǎn)單的制作網(wǎng)頁(yè)的一種編輯語(yǔ) 言,它比任何其他的機(jī)器語(yǔ)言都簡(jiǎn)單得多,所以只要用心學(xué),多做多練一定沒(méi)問(wèn)題。如果在學(xué)習(xí)的過(guò)程中遇到其他的問(wèn)題,我們?cè)倬唧w問(wèn)題具體分析。我建議你在學(xué) 習(xí)過(guò)程中養(yǎng)成記錄“學(xué)習(xí)筆記”的習(xí)慣,把自己遇到過(guò)的問(wèn)題,問(wèn)題的解析、解決方法還有一些學(xué)習(xí)心得等記錄下來(lái),以便今后的學(xué)習(xí)和查找。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。