表体居中跨度

Question

我正在尝试将span中的tbody居中，但是我不确定该怎么做，如果不包含{{1 }}和tr元素。

html

td

css

<table class="table">
   <thead>
      <tr>
         <th>Rank</th>
         <th>
            <div>Name</div>
         </th>
         <th>
            <div>Age</div>
         </th>
         <th>Price</th>
      </tr>
   </thead>
   <tbody>
         <div><span>You haven’t added any data yet</span></div>
   </tbody>
</table>

Answer 1

使用colspan：

<table class="table">
   <thead>
      <tr>
         <th>Rank</th>
         <th>
            <div>Name</div>
         </th>
         <th>
            <div>Age</div>
         </th>
         <th>Price</th>
      </tr>
   </thead>
   <tbody>
      <tr> 
         <td colspan="3">You haven’t added any data yet</td>
      </tr>
   </tbody>
</table>

Answer 2

按照惯例，您应该在tbody中也包含tr和th

您可以使用/home/jhipster合并列，并使用jhipster openshift样式将文本居中。

colspan