CSS文本对齐中心不起作用

斯坦

我有以下html:

    <div class="pagination">
       <ul id="paginationnbEnreg">
          <li class="active">
             <a onclick="changePageMP3('1');" title="Page 1" href="#">1</a>
          </li>
       </ul>
       <span id="nbEnreg" class="label">55 found</span>
    </div>

使用以下css:

.pagination {
     margin: auto;
     text-align: center;
     outline: medium none;
     padding: 0;
     position: relative;
     color: #000000;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     line-height: 18px;
 }

.label {
    color: #ffffff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

我的列表将在页面左侧显示,而“ 55找到”将在页面中央显示。

我正在尝试将我的列表放在页面中间,但无法正常工作。

凯文·塞缪尔(Kelvin Samuel)

我认为这是因为您没有删除list-style和并没有重置marginand的缘故padding

您是说像http://jsfiddle.net/06u4bsqn/吗?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

列出文字对齐中心不起作用

来自分类Dev

文字对齐中心不起作用

来自分类Dev

垂直对齐不起作用CSS / HTML

来自分类Dev

文本对齐不起作用(css)

来自分类Dev

CSS菜单下拉对齐在Chrome中不起作用

来自分类Dev

ReactJS:文本对齐证明不起作用

来自分类Dev

CSS“文本装饰:无”不起作用

来自分类Dev

网格对齐水平中心不起作用

来自分类Dev

使用maxWidth的SwiftUI文本对齐不起作用

来自分类Dev

我的垂直文本居中对齐不起作用

来自分类Dev

文字对齐:中心在我的导航中不起作用

来自分类Dev

文本对齐:对齐不起作用

来自分类Dev

在中心对齐div文本对齐不起作用

来自分类Dev

文字对齐中心不起作用

来自分类Dev

文本对齐不起作用(css)

来自分类Dev

歌剧的文本对齐中心-CSS

来自分类Dev

css / html-网格十六进制中的居中对齐文本不起作用

来自分类Dev

文本字段中的对齐方式不起作用

来自分类Dev

文本对齐:中心不起作用

来自分类Dev

中心文字不起作用

来自分类Dev

文本对齐的子元素不起作用

来自分类Dev

html&css-以正确方式对齐的图像和文本不起作用

来自分类Dev

CSS文本对齐不起作用

来自分类Dev

中心对齐在导航栏上的 Bootstrap 上不起作用

来自分类Dev

CSS 文本对齐不起作用

来自分类Dev

垂直对齐中心在 Bootstrap 容器内不起作用

来自分类Dev

QTabwidget 的选项卡文本对齐不起作用

来自分类Dev

css 变换:翻译以对齐中心的 div 不起作用

来自分类Dev

文本中心在表格引导程序 4 中不起作用