一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 这个属性只有在div的display为block或者默认情况下才会有效果.
但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式 text-align: center, 这样的话该元素就可以实现水平居中了.
评论列表:
丘八阅读网
评论于2019-03-19 15:05:17
文章不错,非常喜欢 - 回复该评论
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
相关文章
通过CSS截取文字长度2023-01-02
CSS中font-family：中文字体的英文名称 2018-11-06
css3 nth-child选择器2018-11-04
CSS3 transform多种组合2018-10-26
scrollbar CSS美化（仿Safari样式）2013-10-28
CSS样式在IE6中失效的解决方案2013-05-06
chrome margin失效的解决办法2013-04-19
使用css调整文字间距2013-04-10
div 垂直居中完美解决办法2013-03-18
background 透明，文字不透明2012-06-03