元素居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素居中相关的知识,希望对你有一定的参考价值。

块级元素:

div为代表,能设置宽高,里面的内容text-align能居中,line-height等于行高能垂直居中

整个元素margin:0 auto;能居中(设置了宽高以后)

能依靠margin来调整在整个浏览器中的位置

用float属性能把两个块级元素连在一起

 

 

 

 

行内元素:

span为代表,不能随意设置宽高,里面的元素可以用display设置成inline-block或者block来设置宽高,再设置居中

几个行内元素如果没有对齐可以用verticle-align=middle来实现

要整个行内元素居中可以设置一个父元素div,在span里用display:inline-block,然后再父元素中用text-align居中

以上是关于元素居中的主要内容,如果未能解决你的问题,请参考以下文章

Css实现元素上下左右都居中的4种方法

总结一下各种居中(内联元素块级元素浮动元素绝对定位元素)*(水平垂直)

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

css确定元素水平居中和垂直居中

水平居中

如何居中一个元素