2

私は、これらのカード効果を作成する水平の要素を持たせようとしています。

ただし、それらの内部のテキストの量が配置を狂わせているようです (一部は他よりも高くなっています)。たとえば、3 番目のボックスには他の 2 つのボックスよりも多くのテキストがあるため、他のボックスよりも高く配置されています。

li {
  position: relative;
  display: inline-block;
  width: 282px;
  height: 368px;
  background: url("../img/comedians/comedian-card.png");
  padding: 20px;
  margin: 10px;
}

内部のテキストに関係なく、それらを整列させるにはどうすればよいですか?

http://f.cl.ly/items/2e2I2Z0x0g3M2D1o2F0t/stackoverflow.png

4

2 に答える 2

0

を使用してみてvertical-alignくださいvertical-align: middle。すぐにデモを考えてみます。

デモは次のとおりです。http://jsfiddle.net/wMb8t/1/

CSS

li{
    display: inline-block;
    width: 120px;
    border: 1px solid black;
    margin: 5px;
    vertical-align: top;
}
于 2013-04-05T21:48:11.383 に答える