CSS教程:表格不被撐開的解決辦法—css教程


  今天在做一個用戶留言列表的時候,用到了表格。用戶名為英文字符時,就會把固定寬度的單元格撐開。之前也有遇到過。解決辦法:先用noWrap令文字不換行,再用style=table-layout:fixed;;word-break:break-all;;border-collapse:collapse強制表格不撐開,即達到效果。

  CSS教程:表格不被撐開的解決辦法—css教程,需要注意的是:用了nowrap的單元格設置的寬度要用百分比,不然還是會撐開。我們可以給表頭的單元格設置寬度。火狐下還要在td里面嵌套一個div。

  附:

  nowrap:一般用在td中自動換行

  auto:默認值。默認的自動算法。布局將基於各單元格的內容。表格在每一單元格內所有內容讀取計算之后才會顯示出來

  fixed:固定布局的算法。在這種算法中,表格和列的寬度取決於col對象的寬度總和,假如沒有指定,則會取決於第一行每個單元格的寬度。假如表格沒有指定寬度(width)屬性,則表格被呈遞的默認寬度為100%。

  它們的區別就在於:

  2,word-wrap:break-word例子與一樣,但區別就是它會把congratulation整個單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM