【发布时间】:2013-06-04 19:29:04
【问题描述】:
我正在尝试从链接列表创建一个分页导航元素。页码应该居中对齐,并且上一个/下一个按钮分别浮动到父元素的左右边缘。
但是我不能完全让元素表现正确。
当我将列表元素设置为display:inline 时,由于未对内联元素计算垂直边距,页码不对齐:
http://jsfiddle.net/PftgP/
当使用display:inline-block 时,页码边距有效,但上一个/下一个按钮不再浮动
http://jsfiddle.net/LDzgK/1/
不求助于疯狂的位置:相对黑客或更改 html,有没有一种简单的方法可以让页码保持垂直对齐,并使上一个/下一个按钮正确浮动?我确定我错过了一个简单的解决方法。
【问题讨论】: