CSS水平与垂直居中

水平居中

margin: 0 auto;         /* 在子容器定义*/
text-align: center;         /* 在父容器定义 */

 

单行内容垂直居中

line-height = height

 

已知子容器高度垂直居中

父容器height = 子容器高度
父容器padding-top = padding-bottom

 

height: 120px;
line-height: 120px;
display: table-cell;         /* 非IE垂直居中 */
vertical-align: middle;          /* 图片垂直居中,可以使在同一容器中的文字与图片底边对齐,对img定义 */
overflow: hidden;        /* 自动隐藏超出的字符和图片,防止撑出层和表格的范围 */

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

网站收藏

增值服务

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2010 zfnn.com. 皖ICP备07503469号