【问题标题】: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 是直截了当的,并且有很多关于它的文档。将引导程序导入项目后,您需要做的就是添加以下内容:

      &lt;td colspan="3"&gt;&lt;p style="text-align:justify"&gt;This is an Example of text &lt;/p&gt;&lt;/td&gt;

      【讨论】:

      • td中放置p标签是否有效?
      猜你喜欢
      • 2022-11-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多