1

如果有人能帮助我,我很难弄清楚这一点,我真的很感激!:)

基本上我正在构建,或者很好地尝试使用 HTML5 构建响应式 wesbite,我已经按照我想要的方式构建了所有内容,除了一件事是错误的,我无法弄清楚如何纠正它。

我为我的所有部分设置了一个最大宽度 1000px 并且所有部分都使用 margin: 0 auto; 但是该部分内的所有文章仍然左对齐?

我尝试使用为文章标签设置全局规则

article { margin: 0 auto; }

但这没有用,所以有人知道发生了什么吗?这是一个指向小提琴的链接,显示我的意思:http: //jsfiddle.net/DannyW86/9YYNR/1/

这是它在浏览器中的显示截图,您可以清楚地看到带有图标的 3 篇文章在上面的文本下方没有居中

在此处输入图像描述

4

1 回答 1

2

margin: auto;如果元素彼此相邻放置,则无法将它们居中。

尝试这样的事情:http: //jsfiddle.net/leo/LzKTy/

(!!):注意display: table;我添加到#boxcontentdisplay: table-cell;-attribute 和我添加到article的-attribute 。

于 2013-12-07T20:16:27.750 回答