11

上の行 (青色で強調表示) を子 div ( ) の高さに縮小したい 2 行のテーブルがありますが、高さを.black制御できませんでした。

改造してみた

  • divのマージン
  • 行のマージン、パディング、および高さ
  • テーブルのtable-layoutスタイル属性

しかし、これらのどれも私をさらに前進させませんでした。

こんにちは

完全なソース コードを含む Codepen 。

テーブル：

<table>
  <tr>
    <td rowspan="2" style="padding-left: 10px;">
      <div class="col1"></div>
    </td>
    <td style="height: 1px;">
      <div class="black"></div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="out"></div>
    </td>
  </tr>
</table>

div のスタイル:

div.black {
  display: inline-block;
  width: 128px;
  height: 10px;
  background-color: black;
  vertical-align: top;
  margin: 0px;
  margin-left: 10px;
}
4

1 に答える 1

24

<td style="height: 1px;">このputの代わりに、 <td style="font-size: 10px;">も追加する必要がある場合がありますline-height: 0px。

于 2013-02-11T11:54:34.020 に答える