開發(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測試通過)