html弹性布局设置居中CSS中需要考虑它的属性，设置居中的属性有两个：align:center; vertical-align:middle，分别代表水平居中和垂直居中，然而这两个属性并不适用所有场景。
align:center适用于标签内的文本内容，如果父元素中包含其他类似于div这种划分区域的标签，那么对于非IE元素就不起作用了，需要用到margin-left:auto; margin-right:auto属性来配合处理兼容。而vartical-align:middle却仅针对内链元素有用，对于块状元素，就没有办法了。
要实现真正地居中，往往要解决高度自适应的问题，高度自适应是比较常见的问题，尤其是 两列结构。然而就算是两列结构，也存在：两列都固定；或者一列高度固定，另一列不固定；或者两列高度都不固定的情况。同理 三列结构 更是如此。那么如何保证不定高度那列因为内容增加高度变化时，其他列能随之改变呢(需要强调：这里说的改变是视觉上的高度的变化 – 如背景色，而实际高度并不一定变化)？
这个时候不管是哪一部分内容增加，这三列在视觉上都会随之增高。这是一个比较典型的例子。从根源上，不管其中任何一个区域内容增加都会促使父元素.main的高度增加,由于父元素内容和边框使用三种不同的底色，所以看上去就是高度自适应。再换一种思路，假设2列高度(未知)自适应(这两列分别用A，B表示，而P是他们的父元素)，当A或者B高度变化时，会促使父元素P的高度变化，如果P和A都是一样的背景色，那么当B变化时，由于P的高度变化，A自然看起来是高度自适应了。然而当A变化时，虽然P高度也随之变化了，但是由于P与A的背景色一致，因此B却没有任何变化。这样一来，html就能够成功地实现居中了。
1、在准备编辑HTML网页之前，先了解一下HTML代码的基础知识。学习不同标签，你可以使用它们改变字号或者文本格式。比如在括号内的“b”用来把字体加粗。“i”用来表示斜体字。在代码中不要包括引号。
2、练习使用配对标签。大多数格式标记需要两个标签，分别在文本的开头和结尾。第一个标签将包括标签括号内（< > ）的字母和符号。第二个标签将包括一个反斜线，并位于标签之前。例如，在加粗的文本开头的括号内插入“b”，并在文本结尾的括号内插入“/b”。
3、找出在网页中想要居中的文本。
4、在文本开头之前的括号内插入标签“center”。不要在标签和文本之前包括空格。
5、在文本结尾后的括号内插入“/center”。不要包括空格。
6、保存你的网页。浏览网页看看文本是否按要求对齐。
1、新建文档，点击CSS控制面板的“+”，新建CSS样式规则
2、在规则面板上选择“标签”，选择“body”。点击确定
3、点击规则定义上左侧的“背景”，在右侧“Background-color”处选择要填充的背景色。
4、选择“区块”，在右侧的“Text-align”：处选择“Center”。再确定。
5、看效果。已经实现了，再看下代码窗口：
< style type=”text/css”>
body { background-color: #09F; text-align: center; }
< /style>