如何将图像/段落/按钮居中
这个问题在这里已经有了答案：
垂直居中整个页面并不是个好主意。 你永远不会知道查看器使用什么设备（分辨率）。 如果您没有使用Google电子表格等应用，则该页面必须保持垂直可展开状态，因为内容宽度取决于设备/浏览器。
我正在尝试你的代码，你可以做到这一点，看起来很简单，
<div id="block1">
<p class="name">Portfolio</p>
<p class="title"> IT / BUSINESS / WEB</p>
<p class="title">
<button class="cv">Download CV</button>
</p>
</div>
<div id="block2">
<p class="title">block 2</p>
</div>
<div id="block3">
<p class="name">block 3</p>
</div>
我只添加了一个“p”区域，但它内部是你的botton尝试它，它的工作原理，其他人可以复制它
您可以为其他标题创建新的风格，遵循已有的逻辑并更改颜色或标题的大小，标准化您的开发，这是一个很好的开始方式，我希望我能帮助您！
将按钮居中放置在某处使用：
HTML：
<div id="center">
<button>button1</button>
</div>
CSS：
#center {
background-color: red;
text-align: center;
}
http://jsfiddle.net/Oposyma/82V8Y/5/
链接地址: http://www.djcxy.com/p/41503.html