[問題] 怎麼在自動寬度的td或div設定word-wrap …
現在我有一行全英文的字串用一個div包起來
<div id="text">ABCDEFGHIJKLMNOPQRSTUVWXYZ</div>
我可以設定CSS
#text {
width:100px;
word-wrap:break-word;
}
讓超過100px的文字自動斷字
但我發現一個問題
假如寬度不是固定的
這個方法就會失效
舉例來說
<table width="100">
<tr>
<td width="30">1. </td>
<td id="text">ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
</tr>
</table>
CSS設定
#text {
word-wrap:break-word;
}
沒有一個固定的寬度值就無法斷字了
就算把td改成display:table-cell也一樣
請問有前輩遇過相同的問題
可以指導一下如何解決嘛？
感謝
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.254.155.28
※ 編輯: a517981 來自: 111.254.155.28 (05/15 02:16)
※ 編輯: a517981 來自: 111.254.155.28 (05/15 02:17)
→
05/15 02:35, , 1F
05/15 02:35, 1F
→
05/15 03:06, , 2F
05/15 03:06, 2F
→
05/15 03:09, , 3F
05/15 03:09, 3F
推
05/15 09:47, , 4F
05/15 09:47, 4F
→
05/15 09:48, , 5F
05/15 09:48, 5F
→
05/15 09:48, , 6F
05/15 09:48, 6F
→
05/15 09:49, , 7F
05/15 09:49, 7F
→
05/15 15:39, , 8F
05/15 15:39, 8F
→
05/16 02:50, , 9F
05/16 02:50, 9F
→
05/16 02:51, , 10F
05/16 02:51, 10F
→
05/16 21:54, , 11F
05/16 21:54, 11F
→
05/16 21:55, , 12F
05/16 21:55, 12F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
