你如何调整表格单元格大小？

Question

我想将表格单元格的大小更改为更小。第一个单元格的宽度为300像素。我希望第二个单元的高度为100px。我尝试过像<td height="10">这样的html解决方案但是没有用。我要做的是在左边有一个图像，在右边有一个文本块。

     <table>
        <tr>
            <td> <img id="plattOverlook" src="images/Scenic/plattOverlook.jpg"/> </td>
            <td style="background: white"> This is an overlook. </td>
        </tr>
     </table>

Answer 1

在一个简单的表格中，除非您使用，否则相邻的表格数据单元格将始终保持相同的高度 rowspan = *

看看这个页面（大约一半） - http://www.htmlcodetutorial.com/tables/_TD_COLSPAN.html

您必须为图像使用rowspan。 其他明智的我认为没有任何可能的解决方案

Answer 2

使用rowspan。

检查这个小提琴：

http://jsfiddle.net/10z7ya28/

Answer 3

td {
  width: 100px;
  height: 50px;
}