作者dlikeayu (太陽拳vs野球拳)
看板Web_Design
標題[問題] css區塊的文字換行
時間Fri Sep 29 10:29:05 2006
最近碰到了個問題
結構大至如下
<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
1F：推 mdfh:把英文字拆掉換行 09/29 12:47
2F：推 violetflames:break-all (英文中,到畫面右邊就換行,不保持單字完整 09/29 12:51
3F：→ violetflames:keep-all (中文中,保持單字或句子完整性.只是用於中ꐠ 09/29 12:51
4F：→ violetflames:這個加進去應該可以~我之前也是找很久@@ 09/29 12:52