【发布时间】：2015-04-02 09:03:29
【问题描述】：
我目前正在开发个人网站。我想要完成的是这样的......http://gyazo.com/741e08b227cb1e65f985bdd6b707815c 但是，由于我是 html、css 和 js 的新手，我不知道如何编写代码。
我目前拥有的是这个……
HTML
<section id="app">
<div>
<h2>app</h2>
<p>This is sample description <br> for an iOS application.</p>
<img src="appicon.png">
<div>
</section>
CSS
#app {
height: 100vh;
width: 100vw;
background-color: #28D9F9;}
这个网站http://www.nothingmagical.com 有一个我想要实现的非常相似的布局。通过代码，我了解到他正在使用“box-sizing”来实现垂直和水平对齐。如果有人可以帮我编写代码，那就太好了。干杯！
【问题讨论】：
-
我不知道你想要达到什么目的，但
box-sizing与对齐关系不大。 -
不清楚你想做什么。请详细说明或添加小提琴。
-
如果您是 html/css 新手，我建议您阅读教程，然后了解所有不同的布局类型（内联与块、浮动、定位、弹性框）等，而不是询问一次一个功能。您也可以在 stackoverflow 中搜索类似的问题，可能已经涵盖了基础知识。
-
对于使用视口高度和视口宽度的人来说，我很惊讶您不知道什么是 box-sizing，这 2 个链接可能比 box-sizing 更有理由提出问题
标签： html css vertical-alignment