小编Ale*_*lex的帖子

几行中相同高度的内联块元素

我可以在没有JS和最小高度的情况下完成相同高度的所有块(作为特殊情况)吗?块可以放在多行上.

示例jsfiddle

正确的高度

ul {
  font-size: 0;
  max-width: 300px;
  text-align: center;
}

li {
  vertical-align: top;
  display: inline-block;
  width: 30%;
  margin: 1%;
  background: grey;
  font-size: 12px;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
  <li>Lorem ipsum dolor sit amet.</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed …
Run Code Online (Sandbox Code Playgroud)

html css vertical-alignment css3

6
推荐指数
1
解决办法
1898
查看次数

标签 统计

css ×1

css3 ×1

html ×1

vertical-alignment ×1