留言版/表格避免沒斷行文字破壞 -終極版
◆先前介紹的那個語法,如果碰到大圖或特殊的符號還是會被撐大,現在這個可以完全不用怕了
◆很多人在留言板看過因為訪客輸入較長的英文或連續符號,表格隨著文字變寬,就破壞了版面美觀,這個CSS語法可以避免這樣的情形,不過記得表格(table及td)的寬度要設正確啦!不然加了可能更糟。
◇複製語法貼於<head></head>標籤之間
<style type="text/css">
<!--
table,td {table-layout:fixed;word-wrap:break-word;word-break:break-all}
-->
</style>
使用在單一表格時,請在<table>或<td>加上
style="table-layout:fixed;word-wrap:break-word;word-break:break-all"
例:<table width=150 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
符號測試(表格寬度150)
???????????????????????????????????????????????????????????? |
數字及英文測試 (表格寬度150)
11111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa111111111 |
大圖測試:圖片多出來的地方會被切掉(表格寬度150)