【问题标题】:Add to a table row a "paragraph" html向表格行添加“段落”html
【发布时间】:2020-09-04 08:56:41
【问题描述】:
是否可以在表格行中添加段落?它的长度应该等于线的长度并且在它之下(如图)
table{
border-collapse:collapse;
}
table tr{
border:1px solid #111;
}
<table>
<tr>
<th>Name </th>
<th>Surname </th>
<th>Age</th>
</tr>
<tr>
<td>Amelia</td>
<td>Evans</td>
<td>30</td>
<p>*This is an Example of text </p>
</tr>
<tr>
<td>Emily</td>
<td>Wilson</td>
<td>28</td>
</tr>
<tr>
<td>Jessica</td>
<td>Ellington</td>
<td>35</td>
</tr>
</table>
【问题讨论】:
标签:
html
css
row
paragraph
【解决方案1】:
<tr>
<td>Amelia</td>
<td>Evans</td>
<td>30</td>
</tr>
<tr>
<td colspan="3"><p style="text-align:justify">*This is an Example of text </p></td>
</tr>
【解决方案2】:
因此,为了满足您的要求,您需要使用 ARLEQUINA 向您展示的 bootstrap。
这里是链接:
https://getbootstrap.com/docs/4.5/getting-started/introduction/
您可以下载它的文件,也可以使用链接来导入它。您只需要导入 CSS 样式表而不是 JavaScript 内容,除非您使用可能有用的 JavaScript。
bootstrap 是直截了当的,并且有很多关于它的文档。将引导程序导入项目后,您需要做的就是添加以下内容:
<td colspan="3"><p style="text-align:justify">This is an Example of text </p></td>