小编hel*_*ica的帖子

如何获得相等高度列表项的网格?

我正在尝试使用列表项来做一个产品网格inline-block.问题是:块的内容具有可变的高度,inline-block并且不会保持高度相等.

代码:

#blocks ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#blocks li {
  display:inline-block;
  vertical-align:top;
  width:280px;
  background-color:#ff9933;
  padding:13px;
  margin: 0px 0px 20px 19px;
}

<div id="blocks">
    <ul>
       <li>...</li>
       <li>...</li>
       <li>...</li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一张图片来说明问题.

我需要块来保持较大块的相同高度,与其内容无关.有可能像这样做吗?

最后:抱歉,英语不是我的母语:)

css grid height

13
推荐指数
2
解决办法
4万
查看次数

标签 统计

css ×1

grid ×1

height ×1