[問題] css區塊的文字換行

看板Web_Design作者 (太陽拳vs野球拳)時間19年前 (2006/09/29 10:16), 編輯推噓2(202)
留言4則, 2人參與, 最新討論串1/1
最近碰到了個問題 結構大至如下 <ul><li> <table> <tr> <td>圖片</td> <td><span>內文</span></td> </tr> </table> </li></ul> ----------------------------------------------------------------------------- li {width:33%;float:left;} li span {display:block;} ----------------------------------------------------------------------------- 這結構是在一個div區塊下 33%是陣列會產生li的大小,使其剛好一列 排3個<li>裏的內容 在第二欄<td>的內文設block區塊 但內文一過長 他就會突破<li>所設寬度33%自動延展 破壞版面 請問要怎麼讓它自動換行呢? 如果寬度設px在各解析度下又會造成不同大小的排版 span設inline也無法自動換行 煩請教!! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 124.10.4.193

09/29 12:47, , 1F
把英文字拆掉換行
09/29 12:47, 1F

09/29 12:51, , 2F
break-all (英文中,到畫面右邊就換行,不保持單字完整
09/29 12:51, 2F

09/29 12:51, , 3F
keep-all (中文中,保持單字或句子完整性.只是用於中ꐠ
09/29 12:51, 3F

09/29 12:52, , 4F
這個加進去應該可以~我之前也是找很久@@
09/29 12:52, 4F
文章代碼(AID): #15787iIB (Web_Design)