2013-06-04 63 views
0

我试图从链接列表中创建分页导航元素。页码应居中对齐,并且prev/next按钮分别浮动到父元素的左侧和右侧边缘。分页的内联页边距

但是我无法完全理解元素的行为。

当我设置列表中的元素以display:inline页码不因不被内联元素计算的垂直边距对齐: enter image description here http://jsfiddle.net/PftgP/

而且使用display:inline-block代替时,页码利润的工作,但上一个/下一个按钮不再上浮 enter image description here http://jsfiddle.net/LDzgK/1/

没有求助于疯狂的位置:相对黑客或更改HTML,有一个简单的方法可以让我同时获得PA ge数字保持垂直对齐,并且prev/next按钮能够正确浮动?我确定我错过了一个简单的修复。

回答

1

使用display:inline-block到锚在第一小提琴文件

jfFiddle File

+0

谢谢,这做到了。我知道这是一个简单的修复:) – Johannes