it-swarm.cn

在网站中将图片居中的最佳方法是什么?

每次我在一个新项目上工作时,使用“ text-align:center”将文本居中都没有任何问题,但是我从未见过类似的代码将图像居中,因此我总是会通过要么将图像居中在HTML中(不是最干净的选项),要么为图像提供可变宽度(不适用于多种分辨率)。有没有什么办法可以实现我没有尝试过的?而且,有人知道CSS3是否会实现这样的功能吗?

2
rgaspary

将包含元素的样式设置为

text-align:center;

将图像样式设置为

display:inline-block;
margin:auto;
8
Sruly

Sruly的答案打在了头上。我唯一会考虑添加的是vertical-align: middle;作为图像标签,如下所示:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93