是否有更好的方法来水平对齐元素，而不是text-align：center？

Question

我有一个div，我需要里面的所有元素集中，这包括;文字和一些图片。

.class {
    text-align: centre;
}

Works，但有更好的（最佳实践）方法吗？我尝试摆弄边距等等......直到我调整到浏览器窗口，任何向下移动的图像（下一行）都会自动对齐左边？

我要问的是有一个类似于vertical-align的css类，但用于水平对齐元素吗？

Answer 1

text-align: center（不是中心）是您最好的选择。您可以采取一些措施来防止项目破坏到新行，例如根据媒体查询在此div中的图像上设置（max-）宽度。但是，只要在中心对齐它们，只需使用text-align，如果你想要突破到一个新行，一个简单的br就可以了。

你说你玩过边缘。如果您想在同一行中填充元素，请继续使用margin属性，但除了父div上的text-align。

Answer 2

您可以使用边距水平对齐

margin: 0 auto;

http://jsfiddle.net/knzg410f/

Answer 3

替代方式： 要水平对齐，您可以使用段落标记：

<p align="center">your text here</p>

http://jsfiddle.net/3Lz59zca/