人们对中心标签不屑一顾,但对我而言,它总能以我想要的方式运作.尽管如此,中心已被弃用,所以我会努力.
现在我看到很多人建议隐藏的CSS边距:0 auto;但我甚至无法让它发挥作用(见小提琴here).其他人会去修改位置或显示,但这总会破坏别的东西.
如何使用css使跨度居中,以使其行为与中心标签完全相同?
<div class="container"> <span class='btn btn-primary'>Click me!</span> </div>
解决方法
Span是一个内联元素,边距:0 auto用于居中仅适用于宽度小于100%的非内联元素.
一种选择是在容器上设置对齐方式,尽管这可能不是您想要的情况:
div.container { text-align: center }
http://jsfiddle.net/MgcDU/1270/
/* needs some extra specificity here to avoid the display being overwritten */ span.btn.btn-primary { display: table; margin: 0 auto; }
原文地址:https://www.jb51.cc/css/217531.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。