CSS设置行内元素和块级元素的水平居中、垂直居中


什么叫行内元素(内联元素)?

常见的span、a、lable、strong、b等html标签都是行内元素

默认情况下,行内元素均无法设置宽度、高度、上下方向margin的外边距等

 

一般在css中添加属性:

display:inline //这时设置成了内联元素
 

什么叫块级元素?

常见的div、p、li、h1、h2、h3、h4等html标签都是块级元素

一般在css中添加属性:

display:block //这时设置成了块级元素
 

1.CSS设置行内元素的水平居中:

text-align:center
2.CSS设置行内元素的垂直居中:
 

height:30px;
line-height:30px
3.既要水平居中又要垂直居中:

text-align:center;
height:30px;
line-height:30px
4.CSS设置块级元素的水平居中和垂直居中:关键代码:

margin:0 auto;
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM