html - 用于对齐签名中图像的表格或 CSS

标签 html css

有人可以建议并提供示例代码来安排下面的图片吗?它用于带有链接图像的 html 签名,但我不确定是表格还是 CSS 最好。

最左边的图像应该与其他 4 个水平对齐,并且顶部的两个图像需要在下面的较大图像上方居中。

感谢任何帮助。

enter image description here

最佳答案

使用 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>

关于html - 用于对齐签名中图像的表格或 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36246176/

相关文章:

javascript - 在数据刷新时为 flexbox 列设置动画

javascript - HTML 视频的状态在一段时间后变为待处理

css - 如何在 CSS HTML5 中将表格居中对齐?

javascript - 给定一个包含多个列的 handsontable,每个列使用不同的渲染器,我如何在数据更新时更改单个单元格背景颜色?

javascript - 而不是 objectwidth = 1014;我想要 objectwidth = "Height of other div";可能的?

jquery - 将 .not() 与 .serialize() 一起使用

javascript - 如何获取iframe的document对象?

css - 使 div 扩展到可用宽度,以及 h1/h2 标签

javascript - 带有叠加层的 jQuery Accordion

javascript - 带有函数调用的 ngStyle 在 IE 中不起作用