在下面的如何使文本(請選擇一個或多個)出現下面的文本選項中的CSSCSS對齊文本
<table >
<tr><td>options (Pick one or more)</td></tr>
</table>
在下面的如何使文本(請選擇一個或多個)出現下面的文本選項中的CSSCSS對齊文本
<table >
<tr><td>options (Pick one or more)</td></tr>
</table>
你的意思是這樣的:
<表> <TR> <TD>選項</BR >(拾取一個或多個)</TD > </TR > < /表>
?
放置(選擇一個或多個)文本的跨度並給出樣式顯示:block;
見下圖:
<table class="ab">
<tr><td>options <span>(Pick one or more)</span></td></tr>
</table>
table.ab td span{
display:block;
}
也許<br/>
?
<table>
<tr>
<td>
Options<br/>
(Pick one or more)
</td>
</tr>
</table>
儘管可以被黑客攻破,正確的答案是,你需要更多的結構,無論是間「選項」 &「(挑...)」的BR,或你推第二部分成DIV。你甚至可以通過刪除部分字符串(比如選項)並使用css:content修飾符來獲得。
但是,沒有真正的CSS會幫助你在這裏。你需要修改結構或使用JS。
有很多方法...
一個是添加錶行:
<tr><td>Options</td></tr>
<tr><td>(Pick one or more)</tr></td>
第二是增加一個換行符
<tr><td>Options<br/>(Pick one or more</td></tr>
第三是增加塊元素(如作爲<p>
,<div>
或<h1...6>
),因此:
<tr>
<td>
<p>Options</p>
(Pick one or more
</td>
</tr>
或:
<tr>
<td>
Options
<p>(Pick one or more)</p>
</td>
</tr>
所以它歸結爲你的需求是什麼?
檢查http://jsfiddle.net/dprBX/ – Sleeperson
@Sleeperson,我不認爲他意味着兩件不同的行。 – Im0rtality