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