[HTML] <td> 的 colspan 屬性

<th colspan="2"> 是什麼意思?

實作「購物車清單」時,我們在 app/views/carts/index.html.erb 中有以下代碼:

<table class="table table-bordered">
  <thead>
    <tr>
      <th colspan="2">商品資訊</th>
      <th>單價</th>
      <th>數量</th>
    </tr>
  </thead>

<!-- 下略 -->



HTML <td> 標籤的 colspan 屬性,可以讓表格的欄位(td)橫跨多欄(columns);類似我們在 Microsoft Office 等文書軟體中常使用到的「合併欄位」功能。

<td colspan="number">



運用 <td colspan="number"> 可以讓表格的欄位達到以下效果:

Comments

comments powered by Disqus