酷!學園

技術討論區 => 網頁技術 => 主題作者是: mwcd 於 2006-03-19 23:30

主題: 在表格內文字換行
作者: mwcd2006-03-19 23:30
我設計了一個討論板,以表格來劃分主題、留言者名字等欄位。
不過最近有一位網友用了一串很長連續的英文字母為名字,結果我留言者名字的那一欄變得超寬。
由於那名字的字母間沒有空格,瀏覽器似乎不理會我設定這欄的寬度(width)多少,必定要在一行內完整顯示整串字母。
不論我用HTML或CSS的方式如何設定欄寬,瀏覽器總也不理會。
請問各位高手,有沒有方法強制瀏覽器按表格設定的欄寬把一串很長連續的英文字串換行?
主題: 在表格內文字換行
作者: Yamaka2006-03-20 00:31
取固定字數顯示~~
主題: 在表格內文字換行
作者: hoyo2006-03-20 01:35
<table width="580" style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word">

每家瀏覽器支援 css 的程度不同,效果也不太一樣,自己試試看吧
主題: 在表格內文字換行
作者: mwcd2006-03-20 22:03
謝謝兩位的回覆!
我試過hoyo提供的方法,在IE可行,但在firefox不行。
欄寬是固定了,但文字不會換行,而是跨過了其他欄位。

結果我在程式做手腳,把所有留言者名字長度超過14個字符的,一律在第14個字符後插入一個<br>,超過28字的部分捨棄。
主題: 在表格內文字換行
作者: 湯姆貓2006-03-21 00:52
用這個試試
<div style="width:500px;overflow:hidden;">文字內容</div>
width代表這個文字顯示的寬度
連續英文字超過這個寬度就會被隱藏起來