HTML5/CSS 对齐列表项,具体取决于其他列的共同高度
借助弹性盒对齐列表项。弹性盒会根据内容让列变得灵活。包装器将在一行中布局列。
.wrap{ display : flex }// This will help wrapper to become flexible .wrap.col{ flex: 1 0 33%; }
弹性盒基本上是一种属性,它有助于使元素变得灵活。
使用以下项将列表垂直对齐到底部 −
.col .content { margin-top: auto; }
广告
借助弹性盒对齐列表项。弹性盒会根据内容让列变得灵活。包装器将在一行中布局列。
.wrap{ display : flex }// This will help wrapper to become flexible .wrap.col{ flex: 1 0 33%; }
弹性盒基本上是一种属性,它有助于使元素变得灵活。
使用以下项将列表垂直对齐到底部 −
.col .content { margin-top: auto; }