html - 分页内联边距

标签 html css

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

但是我无法让元素正常运行。

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

当使用 display:inline-block 代替时,页码边距有效,但上一个/下一个按钮不再 float enter image description here http://jsfiddle.net/LDzgK/1/

在不求助于疯狂的 position:relative hacks 或更改 html 的情况下,是否有一种简单的方法可以使页码保持垂直对齐,并使上一个/下一个按钮正确 float ?我确定我错过了一个简单的修复方法。

最佳答案

在您的第一个 fiddle 文件中使用 display:inline-block 到 anchor

jfFiddle File

关于html - 分页内联边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16916511/

相关文章:

javascript - 如何从网络摄像头捕获视频并将其上传到服务器?

html - 如何在 HTML4/CSS2 中复制此表格布局(包括以垂直为中心的行)

css - 一堆 div 元素的替代颜色(不使用表格)

javascript - 如何使 Javascript 数组中的部分文本在不同时间显示?

html - jdoc :include inside an <input type ="button"?

javascript - 自定义推特分享按钮

html - css - 将图像定位在另一个图像的后面

javascript - 如何将 particles-js 设置为背景?

javascript - Wordpress:在模板中编辑帖子的日期、作者和其他内容

javascript - 为 iframe 准备 html 代码时附加 <script> : without executing