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

2021-02-04 17:14

阅读：726

标签：情况 center auto htm ali 默认 str ble 元素

什么叫行内元素（内联元素）？

常见的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;

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

标签：情况 center auto htm ali 默认 str ble 元素

原文地址：https://www.cnblogs.com/snidget888/p/13140184.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS设置行内元素和块级元素的水平居中、垂直居中
文章链接：http://soscw.com/index.php/essay/50981.html

亲，登录后才可以留言！