如何制作这样的表格

Question

我想像这样制作表格：

但我不知道如何用文字创建行＆＃34; abc＆＃34;。

我有这样的事情：

<table class="porownywarka_cech_opis" width="100" border="1">
     <tr>
        <td class="nazwa">
           <h5 class="Nazwa" style="font-size:12px;">Produkt</h5>
        </td>
     </tr>
     <tr>
        <td class="zdjecie">
           <p>Zdjęcie:</p>
        </td>
     </tr>
     <tr>
        <td class="cena_netto">
           <p>Cena netto:</p>
        </td>
     </tr>
     <tr>
        <td class="cena_brutto">
           <p>Cena brutto:</p>
        </td>
     </tr>
     <tr>
        Here I don't know how to make this
     </tr>
</table>

Answer 1

您必须在表行标记之间添加表数据标记。另外，将表格数据设置为colspan="2"

<tr>
<td colspan="2">Here I don't know how to make this</td>
</tr>

希望它对你有用！

Answer 2

您正在寻找colspan属性。向除最后一行之外的每一行添加第二个<td>。

HTML

<table class="porownywarka_cech_opis" width="100" border="1">
<tr>
    <td class="nazwa">
         <h5 class="Nazwa" style="font-size:12px;">Produkt</h5>

    </td>
    <td></td>
</tr>
<tr>
    <td class="zdjecie">
        <p>Zdjęcie:</p>
    </td>
    <td></td>
</tr>
<tr>
    <td class="cena_netto">
        <p>Cena netto:</p>
    </td>
    <td></td>
</tr>
<tr>
    <td class="cena_brutto">
        <p>Cena brutto:</p>
    </td>
    <td></td>
</tr>
<tr>
    <td colspan="2">abc</td>
</tr>
</table>

CSS

td {
width: 100px;
border: 0;
background: #aaa;
}
td:nth-child(2n) {
visibility: hidden;
}

JSFiddle

Answer 3

看看这个jsfiddle：http://jsfiddle.net/2spafL4q/

HTML标记：

<table class="porownywarka_cech_opis" width="100" border="1">
  <thead>
      <th> </th><th> </th>
  </thead>
  <tbody>
    <tr>
      <td class="nazwa">
        <h5 class="Nazwa" style="font-size:12px;">Produkt</h5>
      </td>
    </tr>
    <tr>
      <td class="zdjecie">
        <p>Zdjęcie:</p>
     </td>
    </tr>
    <tr>
      <td class="cena_netto">
        <p>Cena netto:</p>
      </td>
    </tr>
    <tr>
      <td class="cena_brutto">
        <p>Cena brutto:</p>
      </td>
    </tr>
    <tr>
      <td class="abc" colspan="2">  
        Here I don't know how to make this
      </td>
    </tr>
  </tbody>
</table>

CSS规则：

table {
    width: 400px;
}
th {
    border: none;
    padding: 0;
    margin: 0;
    width: 200px;
}
td {
    width: 200px;
    padding: 5px;
}
td.abc {
    text-align: center;
}