Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css对齐表格中的文本_Css - Fatal编程技术网

css对齐表格中的文本

css对齐表格中的文本,css,Css,在下面的示例中,如何使文本(选择一个或多个)显示在css中的文本选项下 <table > <tr><td>options (Pick one or more)</td></tr> </table> 选项(选择一个或多个) 你的意思是这样的: 选项(选择一个或多个) ?放置(选择一个或多个)文本的跨度,并给出样式显示:block 见下文: <table class="ab"> <tr><t

在下面的示例中,如何使文本(选择一个或多个)显示在css中的文本选项下

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