我如何将表格单元格内的 iframe 元素与表格内的其余表格单元格对齐,以便它以相同的方式显示(如果它是 td 元素)。 ?
我尝试通过添加内联样式 position:relative 来对齐; top:-4px 到 iframe 元素。
<iframe src="Static/Pan.htm" frameborder="0" scrolling="no" width="190" height="30" style="width: 190px;height: 30px; display:table-cell; position:relative; top:-4px"></iframe>
我不认为这是正确的方法。是否有其他对齐方式?
主 HTML
<table id="mytable">
<tr>
<td>Name
</td>
<td>Phone Number
</td>
<td>Address
</td>
<td></td>
</tr>
<tr>
<td>
<input type="text" />
</td>
<td>
<iframe src="Address.htm" frameborder="0" scrolling="no" width="190" height="30" style="width: 190px;height: 30px; display:table-cell;"></iframe>
</td>
<td>
<input type="text" />
</td>
<td>
<input type="button" value="update" />
</td>
</tr>
</table>
Iframe 地址.htm
<html>
<body>
<div>
<input type="text" />
</div>
</body>
</html>
最佳答案
像这样定位所需的单元格:
td {
vertical-align: top;
}
这会将单元格的内容与单元格的顶部对齐。
关于html - 如何将单元格内的 iframe 元素与 html 表格内的其他单元格对齐。?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32580930/