|
|
| 問題 |
問題分析 |
解決方案 |
| 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)回車 |
漢字可自動(dòng)回車，英文不自動(dòng)回車 |
針對(duì)英文可加這樣的css屬性：style=”word-break:break-all” |
| 4、已經(jīng)設(shè)置了border大小，為什么卻沒有顯示？ |
表格中沒有任何內(nè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è)問題很另類，當(dāng)代碼書寫成這樣時(shí)：width= height=”20″ ，此時(shí)，無論怎么更改height的值就是不起作用，因?yàn)闉g覽器將“width=”后面的內(nèi)容都做為width的屬性值，所以不能正確識(shí)別height=”20″ 的含義。 |
出現(xiàn)這樣的問題都是我們書寫代碼時(shí)馬虎所致，類似的錯(cuò)誤還有很多，這樣的錯(cuò)誤一但出現(xiàn)了，很不容易查找，所以要求我們?cè)跁鴮懘a時(shí)要盡量規(guī)范認(rèn)真。 |
| 8、頁面的上邊總是留出一段空白 |
body默認(rèn)有個(gè)上邊距，設(shè)置這個(gè)值的屬性topmargin有很多相關(guān)的書籍都不給介紹，以后記住就行了。 |
設(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的高度，尤其在做新聞之類的信息列表時(shí)容易出項(xiàng)這樣的問題。 |
不設(shè)置table的具體高度，讓其隨內(nèi)容的增加自然延伸。 |
| 10、td中的所有內(nèi)容自動(dòng)居中 |
根據(jù)長(zhǎng)時(shí)間以來的經(jīng)驗(yàn)來看，當(dāng)沒有具體設(shè)置td的aling屬性值的時(shí)候，在本地測(cè)試時(shí)內(nèi)容默認(rèn)居左，而在客戶端訪問的時(shí)候，內(nèi)容卻默認(rèn)居中。 |
明確設(shè)置td的aling屬性值，避免帶來麻煩。 |
| 11、瀏覽器兼容問題 |
|
這個(gè)涉及到的問題比較多，不適合在這里一一說明，建議參考“瀏覽器兼容專題”的文章。 |
| |
|
|
| 特殊說明： 以上是我這么長(zhǎng)時(shí)
間以來經(jīng)常遇到的、很典型的、書上很少提及過的問題，暫時(shí)就想起這些。以前遇到時(shí)也沒有及時(shí)記錄下來，主要是因?yàn)閔tml是很簡(jiǎn)單的制作網(wǎng)頁的一種編輯語
言，它比任何其他的機(jī)器語言都簡(jiǎn)單得多，所以只要用心學(xué)，多做多練一定沒問題。如果在學(xué)習(xí)的過程中遇到其他的問題，我們?cè)倬唧w問題具體分析。我建議你在學(xué)
習(xí)過程中養(yǎng)成記錄“學(xué)習(xí)筆記”的習(xí)慣，把自己遇到過的問題，問題的解析、解決方法還有一些學(xué)習(xí)心得等記錄下來，以便今后的學(xué)習(xí)和查找。 |
