我正在尝试使用列表项来做一个产品网格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)
我需要块来保持较大块的相同高度,与其内容无关.有可能像这样做吗?
最后:抱歉,英语不是我的母语:)