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

【问题标题】：How do you adjust table cell size?你如何调整表格单元格的大小？
【发布时间】：2014-12-14 19:15:10
【问题描述】：

我想将表格单元格的大小更改为更小的高度。第一个单元格的图像宽度为 300 像素。我希望第二个单元格的高度为 100 像素。我尝试过像<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>

【问题讨论】：

你到底尝试了什么？
设置另一个单元格的高度是什么意思？在同一行上有不同高度的单元格意味着是什么意思？为什么你提到图像的宽度（应该是无关紧要的）而不是它的高度？
<table> 在这里毫无意义。保留<img/> 标签，在文本周围添加<p>...</p>，并使用display:inline-block; 上的CSS float 属性定位它们。

标签： html html-table cell

【解决方案1】：

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

【讨论】：

谢谢@Dave 我是这个网站的新手

【解决方案2】：

在一个简单的表格中，相邻的表格数据单元格将始终具有相同的高度，除非您使用行跨度=*

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

您必须对图像使用行跨度。否则我认为没有任何可能的解决方案

【讨论】：

【解决方案3】：

使用rowspan。

检查这个小提琴：

http://jsfiddle.net/10z7ya28/

【讨论】：