【问题标题】:how to center image gallery on my wordpress website如何在我的 wordpress 网站上居中图片库
【发布时间】:2016-01-09 03:39:39
【问题描述】:

我的网站 (koolcycles.com) 在主图片下方有一个画廊,我希望它位于页面中心(即蓝色虚线轴移动到红线轴在所附图像中的位置)

我被告知我需要更改 CSS 文件中的宽度。

我想知道我需要更改什么以及在哪里更改!

【问题讨论】:

  • 如果您允许右键单击会有所帮助。编辑:没关系这是我无法右键单击的图像。

标签: css wordpress image centering image-gallery


【解决方案1】:

将您的代码更改为:

.content {
    width: 67%;
    margin: 0 auto;
}

您不能将应用了float 的元素居中。删除float 并添加margin: 0 auto;,它将居中。为了将来参考,您可以使用margin: 0 auto 0 auto(上、右、下、左)或text-align: center; 对齐元素或文本。但请记住,要使用边距对齐元素,您需要以像素或百分比为单位指定宽度。

【讨论】:

    猜你喜欢
    • 2018-02-08
    • 2016-04-29
    • 2015-12-16
    • 1970-01-01
    • 2018-06-26
    • 2018-08-15
    • 2016-12-26
    • 1970-01-01
    • 2018-12-20
    相关资源
    最近更新 更多