行内元素(内联元素):
宽度高度由该元素内的文字长度和宽度决定,不可人为设置。
内联元素在显示时通常不会以新行开始。
块元素:
可设置宽和高
块级元素在浏览器显示时,通常会以新行来开始(和结束)
常见行内元素:<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