[問題] 怎麼在自動寬度的td或div裡面設定word-wrap斷字?

[a517981 (Azure)]

現在我有一行全英文的字串用一個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)
→ Gethwa:http://mid.lt263.com/mb/divcssjiaocheng/16639.html
→ a517981:上面網址的方法是把長串英文給隱藏了 但我希望還是能斷開
→ a517981:而且在不固定寬度(自動寬度)的情況下還是會失效啊@@
推 magazine2006:你可以在測試的時候不打連續自串，例如aaaaaa 或者
→ magazine2006:ABCDEFGHI 這樣的字串，會導致版面的破壞，因為英文
→ magazine2006:單字通常中間都會有空隔，例如I am happy，的空隔，
→ magazine2006:有空隔他才會換行
→ gname:把 break-word 放在 TABLE 層級試試
→ a517981:因為有時候會有很長的英文字出現 才希望能自動斷字
→ a517981:把break-word放在table標籤中還是無效@@
→ gname:table-layout:fixed  try it~
→ gname:忘了講, 在TABLE層級...