display:inline-block 水平居中无效的解决办法

2019-03-07 浏览:968
display:inline-block 水平居中无效的解决办法
评论:(1)复制地址

 一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 这个属性只有在div的display为block或者默认情况下才会有效果.

但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式  text-align: center, 这样的话该元素就可以实现水平居中了.

评论:(1)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:CSS

评论列表:

丘八阅读网

评论于2019-03-19 15:05:17
文章不错,非常喜欢 - 回复该评论

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。