我正在尝试从链接列表中创建分页导航元素。页码应该居中对齐,prev / next按钮分别浮动到父元素的左右边缘。
然而,我无法让元素表现得恰到好处。
当我将列表元素设置为display:inline
时,由于未在内联元素上计算垂直边距,页码不对齐:
http://jsfiddle.net/PftgP/
使用display:inline-block
时,页码边距可以正常工作,但是prev / next按钮不再浮动
http://jsfiddle.net/LDzgK/1/
没有诉诸疯狂的位置:相对黑客或改变HTML,有一个简单的方法,我可以让页面编号保持垂直对齐,并使prev / next按钮正确浮动?我确定我错过了一个简单的修复。