html - 列表元素底部

标签 html css

<分区>

我以内联 block 方式显示了 3 个 div。他们每个人都有一个带有链接的简单列表。问题是第二个列表只有一个元素。

它的样子:

enter image description here

它应该看起来的样子:

enter image description here

感谢您的任何建议!

.column_links{
    display: inline-block;
    width:28%;
    margin-right:60px;
}
.column_social{
    width:29%;
    display: inline-block;
    margin-right:60px;
}
.column_new{
    display: inline-block;
}

最佳答案

使用时需要为display:inline-block设置vertical-align:top

因为默认值是vertical-align:baseline。因此,您的 div 会到达底部。

.column_new,
.column_social,
.column_new{
   vertical-align: top;
}

这里是 Demo Link

关于html - 列表元素底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40040479/

上一篇:jquery - slider 功能似乎破坏了我网页上的 html/CSS

下一篇:html - 基本问题 : Bootstrap templates displayed wrong Grails 3

相关文章:

javascript - 可以将伪类 (::after) 添加为 HTML 标记的一部分吗?

javascript - 选择第一个下拉菜单,然后显示第二个下拉菜单

JQuery 用户界面 : Part of a negative margins image disappears if I animate it

html - 我想选择除特定节点的所有后代之外的所有节点

javascript - Window.print 抛出程序停止错误

html - 无法向右浮动 div 框

没有值的 CSS 属性

javascript - Firefox 不显示 Colorbox 照片

css - div不向右浮动

css - 带边距的水平居中 div (CSS)