【问题标题】:Centering a span vertically and horizontally within a list item在列表项中垂直和水平居中跨度
【发布时间】:2013-11-09 11:37:14
【问题描述】:

我在列表项中将跨度水平和垂直居中时遇到问题。它只是粘在左上角。这是我的标记:

<ul id="folders">
    <li class="add"><span></span></li>
</ul>

我已将跨度设置为垂直对齐到中间,并将列表项文本对齐设置为居中,但这没有帮助。

我在这里创建了一个 jsfiddle:http://jsfiddle.net/Qfars/

有谁知道我怎样才能把它居中?

【问题讨论】:

    标签: html css


    【解决方案1】:

    要在中心对齐跨度,请将以下内容添加到 css:

    margin-left:auto;
    margin-right:auto;
    

    vertical-align 无法按预期工作。它只会在表格中以这种方式工作。

    Here关于垂直对齐的更多信息,以及如何解决垂直对齐问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-07-19
      • 2015-08-29
      • 1970-01-01
      相关资源
      最近更新 更多