使用表对齐图像

-1

如何使用表对齐四个图像（两个正方形图像和两个矩形图像）？应该是这个样子：http://imgur.com/a/PdbZq 使用表对齐图像

<table> 
 
    <tr> 
 
    <td> 
 
     <img src="http://i.imgur.com/B8jHVoB.png" /> 
 
    </td> 
 
    <td colspan="2"> 
 
     <img src="http://i.imgur.com/SXEsKuc.png" /> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"> 
 
     <img src="http://i.imgur.com/SXEsKuc.png" /> 
 
    </td> 
 
    <td> 
 
     <img src="http://i.imgur.com/B8jHVoB.png" /> 
 
    </td> 
 
    </tr> 
 
</table>

来源

2017-01-02 C_Z_

你能向我们展示一个应该是什么样子的例子或图像吗？您对“两个垂直重叠的矩形图像”的描述很难直观显示，特别是因为表格单元并不意味着重叠。 –

表格用于表格数据，而不是布局。使用CSS。 – j08691

CSS已超过20年。停止使用表格进行布局。 – Quentin

你想要什么并没有太大的意义，使用表？一个表在整个列中具有相同大小的单元格 - 这正是您不想要的。一个CSS的解决方案：

<div style="white-space:nowrap;"> 
 
     <img src="http://i.imgur.com/B8jHVoB.png" /> 
 
     <img src="http://i.imgur.com/SXEsKuc.png" /> 
 
    </div> 
 
    <div style="white-space:nowrap;"> 
 
     <img src="http://i.imgur.com/SXEsKuc.png" /> 
 
     <img src="http://i.imgur.com/B8jHVoB.png" /> 
 
    </div>

差点忘了：不使用内联样式，设置一个类来容纳一排的图像，与空白：无包装作为一个属性。

来源

2017-01-02 20:10:57 kabanus

谢谢你真的有帮助 –

使用表对齐图像

回答

相关问题