Question

所以我有这个

echo   
"<div class=''>
 <table class='table' border='1'>
     <tr class='head'>

     <th>Section Name</th>
     <th></th>
     <th>Ae</th>
     <th>Pt</th>
     <th>Prin</th>

我怎样才能在它上面看到一个漂亮的LABEL，它看起来就像它的表格一样，但是它位于TH之上的中间，我希望它代表表名，例如它会说。表1位于此表的中间和上方，但仍位于表格的边框内。

Answer 1

我会在开头<table>元素和第一个<tr>之间插入一个<caption>元素，如：

<table style="width: 100%">
    <caption>Table 1</caption>
    <tr>...

<caption>几乎就是这样做的：

HTML <caption>元素（或HTML表格标题元素）表示一个表的标题。虽然它始终是<table>的第一个后代，但它的样式（使用CSS）可能会将其放在其他位置，相对于表格。

Answer 2

只需为您的列数添加另一行colspan。

<table>
   <tr>
      <td colspan="5" class="label">Table 1</td>
   </tr>
   ... Your table ...
</table>

您可以使用CSS将文本居中。

.label {
   text-align: center;
}

桌子上面的标签

2 个答案: