网页布局——居中

行内元素(内联元素):

宽度高度由该元素内的文字长度和宽度决定,不可人为设置。

内联元素在显示时通常不会以新行开始。

块元素:

可设置宽和高

块级元素在浏览器显示时,通常会以新行来开始(和结束)


常见行内元素:<span/>,<a/>,<img/>,<input/>

常见块元素:<div/>,<p/>,<ol/>,<ul/>,<h1/>


块中行内元素水平居中:text-align:center

块中块内元素水平居中:margin:0 auto(对块内块元素设置)

块中行内元素垂直居中(高度不确定):vertical-align:middle

块中行内元素垂直居中(高度确定):line-height=height

块中块元素垂直居中:padding或不设置(默认垂直居中)



本文出自 “学习党” 博客,请务必保留此出处http://lyunfan.blog.51cto.com/6649420/1395626

网页布局——居中,布布扣,bubuko.com

网页布局——居中

上一篇:ASP.NET中下拉菜单的制作


下一篇:后羿射日般的精准 - 阿里云ECS调度是如何炼成的