作者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