0

私が問題を抱えているページhttp://www.theplasticsdepot.co.uk/product-category/drains/underground-pipes-and-fittings/です。わかりやすくするために、各項目の周りに枠を付けました。

の<ul>クラス名はet-products

各リスト項目を少なくとも垂直方向の中央に配置して、「正しく」見えるようにしたいと思います。

それ以外の場合、理想的には、可能な場合は、少なくとも適切に配置してください。以下の CSS を使用しないと、さまざまな画像サイズが原因であらゆる種類の奇妙なフローティングが発生するためです。

ul.et-products li {
   border:1px solid #ccc;
   height:385px;
   padding:5px; margin:10px;
}
4

5 に答える 5

0

ページでこのコードを試してみてください。ul.et-products li { border:1px solid #ccc; 高さ:385px; パディング:5px; 余白:10px;

    display:table-cell;
    text-align:center;
    vertical-align:middle;
    }
于 2013-10-31T10:49:23.303 に答える
0

tableこれの代わりにタグを使用するul liと完全に機能しvertical-align:middleます。他の解決策は cssdisplay:tableを ul に渡すことですが、これが機能しているかどうかはわかりません。

私はあなたのjsfiddleを更新しました

http://jsfiddle.net/r93dM/2/

于 2013-10-31T10:27:44.717 に答える
0 
ul.et-products li {
  vertical-align:middle

}
于 2013-10-31T10:40:47.670 に答える