分页的内联边距

时间:2013-06-04 11:22:07

标签: html css

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

然而,我无法让元素表现得恰到好处。

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

使用display:inline-block时,页码边距可以正常工作,但是prev / next按钮不再浮动 enter image description here http://jsfiddle.net/LDzgK/1/

没有诉诸疯狂的位置:相对黑客或改变HTML,有一个简单的方法,我可以让页面编号保持垂直对齐,并使prev / next按钮正确浮动?我确定我错过了一个简单的修复。

1 个答案:

答案 0 :(得分:1)

display:inline-block用于第一个小提琴文件中的锚点

jfFiddle File