0

好きなように見えるcssテーブルがありますが、最後の行の高さは200pxではなく214pxですが、これがどこから来ているのかわかりません。使用されるすべての画像は高さ 200px で、css もその数値を利用しています。

見た目はこんな感じでコードはこんな感じです。

CSS:

.table{display: table;width:800px;margin: 0 auto;}

.table img{border: none;}

.row{display: table-row;}

.col{display: table-column;}

.cell{display: table-cell;}

#kioskos{background-image: url('../img/thumbnails/kioskosnet.jpg');display:block;width: 250px;height: 200px;}
#kioskos:hover{background: url('../img/hovers/kioskos_h.png');}

HTML:

<div class="row">
                           <div class="cell"><a id="kioskos" class="fancybox" rel="group" data-title="'Kioskos.net' Company's main website design. First
approach to web design." href="assets/img/fotos_grandes/kioskosnet1.jpg"></a></div>
                       </div>
4

2 に答える 2

0

元のウェブサイトの URL を投稿していただけますか。

あなたが提供する情報を使用すると、「余分な」ピクセルがテーブルの上部と下部から来ているため、おそらく画像が垂直に「中央に配置」されていることがわかります。

于 2013-05-27T22:41:07.307 に答える