划分为跨度为td

Question

我有一张看起来像这样的桌子......

<td>
<div style="float:left">
<img src="image1.png" style="display:block" /><br>
<img src="image2.png" />
</div>
<span> <input type="input" />
</td>


<td>
<div style="float:left">
<img src="image1.png" style="display:block" /><br>
<img src="image2.png" />
</div>
<span> <input type="input" />
</td>

我已设置style=float以使图像和输入字段成行。

但问题是当我调整浏览器的大小时，div会浮动td，我不想拥有它。

该问题是否有解决方法？

Answer 1

首先你必须检查你的html，关闭那些标签（<span></span>）;）

其次，当项目浮动时，容器将无法读取高度，因此您必须在浮动项目下方添加更清晰的div。

<div style='clear:both;'></div>

示例：

    <td>
    <div style="float:left">
    <img src="image1.png" style="display:block" /><br>
    <img src="image2.png" />
    </div>
    <div style='clear:both;'></div>
    <span> <input type="input" /> </span>
    </td>


    <td>
    <div style="float:left">
    <img src="image1.png" style="display:block" /><br>
    <img src="image2.png" />
    </div>
    <div style='clear:both;'></div>
    <span> <input type="input" /> </span>
    </td>