css对齐表格中的文字

Question

在下文中，如何使文本（选择一个或多个）出现在css文本选项

下

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

Answer 1

也许<br/>？

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

Answer 2

你的意思是这样的：

＆LT;表＆gt;    ＆lt; tr＆gt;＆lt; td＆gt;选项＆lt; / br＆gt;（选择一个或多个）＆lt; / td＆gt;＆lt; / tr＆gt;    ＆LT; /表＆gt;

Answer 3

将跨度放置（选择一个或多个）文本并给出样式显示：block;

见下文：

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

table.ab td span{
display:block;
}

Answer 4

虽然它可能被黑客攻击，但正确的答案是你需要更多的结构，无论是“选项”和“选项”之间的区别。 '（选择...）'，或者你把第二部分推到一个div。您甚至可以删除部分字符串（例如，选项）并使用css：content修饰符。

然而，没有真正的CSS会帮助你。您需要修改结构或使用JS。

Answer 5

有很多方法......

一个是添加一个表格行：

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

所以它归结为你的需求......