CSS：图像居中[issue]

尝试将图像水平居中放置在相应的容器中。

似乎无法与正确的元素隔离应用

display: block; 
margin-left: auto; 
margin-right: auto;

都在逐步的工作我的方式，通过代码从图像开始，动起来都无济于事。

试试这个CSS代码

.gallery-item {float:none; margin:0 auto; text-align:center}

2016-01-24 06:03:18 Aziz

没有运气:(即使拉升Chrome的开发/检查窗口和残疾人其他浮动（而不是试图重写它）。 –

我修改了我的代码（添加文本对齐中心）现在应该可以工作，请检查 – Aziz

还是没有运气，可悲。 –

如果你不关心IE9的兼容性，可以很容易地通过应用display: flex父<dt>元素实现这一目标。

查看Chris Coyier的Complete Guide to Flexbox如果您还没有看过这个美丽的CSS3成员。我也推荐Paddi McDonnell的article。

Flexbox经历了一些prefixing inconsistencies，所以如果这些用户对您很重要，那么有一个备用方式是明智的。

2016-01-24 06:43:10 TheAcolyte

试试这个：

.gallery { 
    text-align: center; 
} 
.gallery dl { 
    display: inline-block; 
    float: none; 
}

（也清除浏览器缓存）

2016-01-24 08:42:53

回答