[問題] css區塊的文字換行
最近碰到了個問題
結構大至如下
<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
09/29 12:51, 2F
→
09/29 12:51, , 3F
09/29 12:51, 3F
→
09/29 12:52, , 4F
09/29 12:52, 4F