0

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

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

当我将列表元素设置display:inline为页码时,由于未在内联元素上计算垂直边距,因此未对齐:http: 在此处输入图像描述 //jsfiddle.net/PftgP/

而使用时display:inline-block,页码边距有效,但上一个/下一个按钮不再浮动 在此处输入图像描述 http://jsfiddle.net/LDzgK/1/

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

4

1 回答 1

1

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

jfFiddle 文件

于 2013-06-04T11:27:08.260 回答