設置table的td寬度,不隨文字變寬

開發(fā)時,出現當td的內容特別多的時候,會出現展示不開,然后后面的項目展示不出來。因此要設置table的td的寬度。

解決辦法:

table 設置 寬度,絕對寬度和相對都可以
table-layout:fixed ;
并且,第一行的<td>設置寬度,留一個不設,自由伸縮。

這樣操作之后,table是寬度固定了,但是里面的文章如果很長,文字還是會跑出來
解決辦法:

在 td 里面 加上 style="word-wrap:break-word;" 自動換行就好了,如果不想換行,可以將超出內容設為隱藏,并且用省略號代替:
在td上面加
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;(目前僅在IE8測試通過)

參考鏈接

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,153評論 1 92
  • 1. 各個瀏覽器默認的內外邊距不同 解決:*{margin:0;padding:0;} 2. 水平居中的問題 問題...
    嘵兩々閱讀 1,752評論 0 4
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,119評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,437評論 0 11
  • (海棠作業(yè)) 枯葉滿秋山,微霜極目寒。到中年、諸事多艱。遙想西湖時浪蕩,尋舊跡,憶曾歡。 商海起狂瀾,孤舟競渡難。...
    懦愚閱讀 375評論 19 21

友情鏈接更多精彩內容