2008年9月8日 星期一

如何讓表格內的文字可以自動斷行?

最近小弟在用PHP寫留言板,但遇到了如果內容太長沒斷行("\n"),會導致表格無限變大,所以上網去查了一下有沒有可以改擅的方法,於是查到此一CSS:
很多人在留言板看過因為訪客輸入較長的英文或連續符號,表格隨著文字變寬,就破壞了版面美觀,這個CSS語法可以避免這樣的情形,不過記得表格(table及td)的寬度要設正確啦!不然加了可能更糟。
複製語法貼於標籤之間


<style type="text/css">
<!-- table,td {table-layout:fixed;word-wrap:break-word;word-break:break-all} -->
</style>

使用在單一表格時,請在<table>或<tbody><tr><td>加上

style="table-layout:fixed;word-wrap:break-word;word-break:break-all"

ex.

<table style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all; WORD-WRAP: break-word" width="150">

資料來源:
http://blog.blueshop.com.tw/petlife/archive/2004/10/13/496.aspx

沒有留言: