你好，可以通过margin或padding来实现，如下
水平居中：margin: 0 auto
垂直居中：margin-top: 50% 这个值根据具体情况而定
也可以通过定位的方式来固定位置
css里面有个概念叫选择器，HTML文档中的每一个元素都可以通过这个选择器选出来，选出来之后，就可以对其单独的，或者分类的设置样式。至于你说的整体风格的统一，这个就需要你有一定的设计思维了，CSS只是一个工具而已text-align: center 只能用于行内元素的水平居中，用在块级元素或容器中是无效的
试试这样：
<div class="metro-layout horizontal" style="margin: 0 auto">
