HTML设置⽔平居中的⼏种⽅式
HTML⽔平居中的⼏种⽅式
⽔平居中分为块级元素，⾏内元素和⾏内块状元素
HTML可以将元素分类⽅式分为⾏内元素、块状元素和⾏内块状元素三种。⾸先需要说明的是，这三者是可以互相转换的，使⽤display属性能够将三者任意转换：
display:inline；转换为⾏内元素
display:block；转换为块状元素
display:inline-block；转换为⾏内块状元素
在HTML5中，可以⾃定义标签，在任意定义标签中，加⼊**display:block;**即可，当然也可以是⾏内或⾏内块状。
⾏内元素：常见的span，修饰字体,
⾏内元素特征：
1.设置宽⾼⽆效
2.对margin仅设置左右⽅向有效，上下⽆效；padding设置上下左右皆有效
3.不会⾃动进⾏换⾏
块状元素：代表性就是div
块状元素特征:
1.能够识别宽⾼
2.margin和padding的上下左右均对其有效
3.可以⾃动换⾏
4.多个块状元素标签写在⼀起，默认排列⽅式是从上⾄下
⾏内块状元素：使⽤⽐较多，结合了⾏内元素和块状元素的特性，各有取舍
⾏内块状元素特征：
1.不⾃动换⾏
2.能够识别宽⾼
3.默认排列⽅式为从左到右
⽂字垂直居中的⼩技巧
CSS没有提供垂直居中的代码，这⾥有⼀个⼩技巧
解决⽅案: 让⽂字⾏⾼等于盒⼦的⾼度 就可以让⽂字在当前盒⼦内垂直居中
hight:40px
line-hight:40pxcss设置文字垂直居中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。