【问题标题】:inline margins on pagination分页上的内联边距
【发布时间】:2013-06-04 19:29:04
【问题描述】:

我正在尝试从链接列表创建一个分页导航元素。页码应该居中对齐,并且上一个/下一个按钮分别浮动到父元素的左右边缘。

但是我不能完全让元素表现正确。

当我将列表元素设置为display:inline 时,由于未对内联元素计算垂直边距,页码不对齐: http://jsfiddle.net/PftgP/

当使用display:inline-block 时,页码边距有效,但上一个/下一个按钮不再浮动 http://jsfiddle.net/LDzgK/1/

不求助于疯狂的位置:相对黑客或更改 html,有没有一种简单的方法可以让页码保持垂直对齐,并使上一个/下一个按钮正确浮动?我确定我错过了一个简单的解决方法。

【问题讨论】:

    标签: html css


    【解决方案1】:

    在你的第一个小提琴文件中使用 display:inline-block 来定位

    jfFiddle File

    【讨论】:

    • 谢谢,成功了。我知道这是一个简单的修复:)
    猜你喜欢
    • 2020-04-17
    • 2021-11-06
    • 1970-01-01
    • 1970-01-01
    • 2012-05-06
    • 1970-01-01
    • 2020-08-03
    • 2014-12-21
    • 1970-01-01
    相关资源
    最近更新 更多