网页布局——居中

行内元素(内联元素):

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

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

块元素:

可设置宽和高

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


常见行内元素:<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

网页布局——居中,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。