css对齐表格中的文本
在下面的示例中,如何使文本(选择一个或多个)显示在css中的文本选项下css对齐表格中的文本,css,Css,在下面的示例中,如何使文本(选择一个或多个)显示在css中的文本选项下 <table > <tr><td>options (Pick one or more)</td></tr> </table> 选项(选择一个或多个) 你的意思是这样的: 选项(选择一个或多个) ?放置(选择一个或多个)文本的跨度,并给出样式显示:block 见下文: <table class="ab"> <tr><t
<table >
<tr><td>options (Pick one or more)</td></tr>
</table>
选项(选择一个或多个)
你的意思是这样的:
选项(选择一个或多个)
?放置(选择一个或多个)文本的跨度,并给出样式显示:block
见下文:
<table class="ab">
<tr><td>options <span>(Pick one or more)</span></td></tr>
</table>
table.ab td span{
display:block;
}
选项(选择一个或多个)
表1.ab td span{
显示:块;
}
也许
<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>
选项
(选择一个或多个
第三是添加块元素(例如
、
或
),例如:
<tr>
<td>
<p>Options</p>
(Pick one or more
</td>
</tr>
选择权
(选择一个或多个
或:
选择权
(选择一个或多个)
所以归根结底,你需要什么…检查一下@Sleeperson,我想他不是指两排不同的人。
<tr>
<td>
Options
<p>(Pick one or more)</p>
</td>
</tr>