css实现不定宽度的元素水平居中

css实现不定宽度的元素水平居中

对于一个不确定宽度的元素居中,我们想到使用的方法是

text-align:center;

或者

margin:0 auto;

text-align只对行内元素有效,对于块元素我们要用margin,块元素还需要给定一个宽度才能居中,否则不会有效果。

问题来了:当我有一个不定宽度的块元素如何居中呢?

答案是先把块元素添加一个属性

display:inline-block;

再从父元素添加text-align:cenger;居中。

本文来自css答疑栏目,欢迎学习!

以上就是css实现不定宽度的元素水平居中的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读