css - 如何在 div 中水平居中 span 元素

Question

我试图将“查看网站”和“查看元素”这两个链接置于周围 div 的中心。有人可以指出我需要做什么才能完成这项工作吗？

JS fiddle :http://jsfiddle.net/F6R9C/

HTML

<div>
  <span>
    <a href="#" target="_blank">Visit website</a>
    <a href="#">View project</a>
  </span>
</div>

CSS

div { background:red;overflow:hidden }

span a {
    background:#222;
    color:#fff;
    display:block;
    float:left;
    margin:10px 10px 0 0;
    padding:5px 10px
}

Answer 1

另一种选择是给跨度 display: table; 并通过 margin: 0 auto; 将其居中

span {
    display: table;
    margin: 0 auto;
}