CSS:图像居中[问题]

标签 css wordpress

http://alexandermasters.com/flora/2015/10/05/corey-boyce/

尝试将图像在其各自的容器内水平居中。

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

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

从图像开始逐步完成代码,但无济于事。

最佳答案

试试这个 CSS 代码

.gallery-item {float:none; margin:0 auto; text-align:center}
  1. 定位 IMG 标签不起作用,因为它嵌套在另一个元素中,因此您必须将 img 的父元素居中。

  2. 当有 float 时,margin:auto将无法正常工作

关于CSS:图像居中[问题],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34972725/

相关文章:

php - 如何在 WordPress 中将 DIV 包裹在子菜单周围 - 仅在第一级?

php - 按自定义产品属性过滤产品并在 WP_Query 中发布元数据

sql - 修改 Wordpress SQL 查询以从类别中提取

html - 水平对齐缩略图

javascript - 根据 Woocommerce 3 中的送货方式显示或隐藏结帐字段

html - 不要将 css 添加到具有事件类的链接

javascript - :not(:hover) not working with opacity

html - 为什么在图形周围添加文字不起作用?

javascript - 我有一张表,如何根据选项选择下拉菜单从中调用?

css - 背景颜色 50% 一种颜色和 50% 另一种颜色