1

私は自分の写真ページを作成するためにtwitter-bootstrapで遊んでいます。liタグ内のデフォルトのサムネイルクラスを使用して、境界線を作成し、それらを揃えています。水平方向と垂直方向の両方の画像を含むサムネイルがたくさんあります。

デフォルト設定では、サムネイルのきれいなレイアウトは実際には作成されません。サムネイルのCSSに固定の高さを追加することで、少なくともきちんとしたグリッドが形成されるようになりました。ただし、サムネイルブロック内では、画像は常に上に揃えられます。スタックに垂直方向の画像がある場合、これは奇妙な形のグリッドにつながります。

「vertical-align:middle;」を追加してみました。サムネイルクラス内ですが、機能していないようです。私はCSSにかなり慣れていないので、本当に明白な何かが欠けている場合はご容赦ください。

4

1 に答える 1

1

残念ながら、Bootstrap のサムネイルは固定の高さに対して実際には正規化されません。グリッドがきれいであることを確認したい場合は、画像を同じサイズにトリミングする必要があります。または、独自の CSS を使用して の高さをli手動で設定し、imgmax-height を 100% に設定してから で使用display: table-cellすることもliできます。vertical-align: middleimg

于 2012-09-17T16:32:05.217 に答える