在表格行中添加“段落” html

问题描述

是否可以在表格行中添加段落?它的长度应等于线条的长度,并在线条的下面(如图所示)

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> 

Example

解决方法

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

因此,要执行您的要求,您将需要使用Bootstrap,这是ARLEQUINA向您显示的内容。

这是链接: https://getbootstrap.com/docs/4.5/getting-started/introduction/

您可以为其下载文件,也可以仅使用链接来导入它。除非您使用JavaScript可能有用,否则您只需要导入CSS样式表,而无需导入JavaScript内容。

bootstrap很简单,并且有很多文档。将引导程序导入到项目后,您需要做的就是添加以下内容:

Cannot multiply A and B because inner dimension does not match: 2708 vs. 32