用于在签名中对齐图像的表或CSS

时间:2016-03-27 10:11:13

标签: html css

有人可以提供建议,也许可以通过示例代码来安排下面的图片吗?它是带有链接图像的html签名,但我不确定表格或CSS是否最佳。

远左图像应与其他4个水平对齐,两个顶部图像需要在下方较大图像上方居中。

任何帮助表示感谢。

enter image description here

1 个答案:

答案 0 :(得分:0)

使用css比table更好。我想你想要这样的东西。但您应该按宽度和高度属性缩放图像:

<!DOCTYPE html>
<head>
    <title>goodarzi</title>

</head>
<style>
.first{
 float:left;
 width:30%;
 text-align:center;

}
</style>

<body>
<div class="wrapper">
 <div class="first">
 <a href="" ><img src="" title="" /></a>
 </div>

 <div class="first">
 <div>
 <a href=""><img src="" title="" /></a>
 </div>
 <div><a href=""><img src="" title="" /></a>
 </div>
 </div>

 <div class="first">
 <div>
 <a href=""><img src="" title="" /></a>
 </div>
 <div><a href=""><img src="" title="" /></a>
 </div>
 </div>

 </div>
</body>
</html>