2011-08-10 155 views
-1

在下面的如何使文本(請選擇一個或多個)出現下面的文本選項中的CSSCSS對齊文本

<table > 
<tr><td>options (Pick one or more)</td></tr> 
</table> 
+1

檢查http://jsfiddle.net/dprBX/ – Sleeperson

+0

@Sleeperson,我不認爲他意味着兩件不同的行。 – Im0rtality

回答

0

你的意思是這樣的:

<表> <TR> <TD>選項</BR >(拾取一個或多個)</TD > </TR > < /表>

0

放置(選擇一個或多個)文本的跨度並給出樣式顯示:block;

見下圖:

<table class="ab"> 
<tr><td>options <span>(Pick one or more)</span></td></tr> 
</table> 

table.ab td span{ 
display:block; 
} 
1

也許<br/>

<table> 
    <tr> 
    <td> 
     Options<br/> 
     (Pick one or more) 
    </td> 
    </tr> 
</table> 
0

儘管可以被黑客攻破,正確的答案是,你需要更多的結構,無論是間「選項」 &「(挑...)」的BR,或你推第二部分成DIV。你甚至可以通過刪除部分字符串(比如選項)並使用css:content修飾符來獲得。

但是,沒有真正的CSS會幫助你在這裏。你需要修改結構或使用JS。

0

有很多方法...

一個是添加錶行:

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

所以它歸結爲你的需求是什麼?