生で見たい人には直リンクしておきます。
テーブル リストの 1 つにカーソルを合わせると、常に画像の下に小さなスペースがあることがわかります。パディング、マージンを試し、stackoverflow を検索し、境界線の間隔、境界線の折りたたみなどを使用しましたが、これまでのところ何も役に立ちませんでした。
あなたの助けをお願いします。何が問題で、何が欠けていますか?
4817 次
5 に答える
23
問題は実際にはテーブルではありません.imgタグはインライン要素であり、デフォルトでその下のスペースがあります(ラインの高さがあると思いますが、理由はよくわかりません)。
解決：div.browseBuilds tr.browseBuilds_piece img { display: block; }
于 2013-01-31T12:45:04.573 に答える
3
display: ブロックを img に追加します。
.browseBuilds_piece img{
display:block
}
于 2013-01-31T12:45:07.190 に答える
1
この同様の質問を参照してください。imgはインライン要素であるため、imgタグの周囲の HTML ソース コード内の空白は重要であり、表示されます。コードから空白を削除します
<td style="vertical-align: middle;"><img src="./themes/default/images/builds/eski.jpg"></td>
または、 Michal が指摘しimgたように、ブロック要素として表示します。
于 2013-01-31T12:50:45.887 に答える
0
問題はcellspacingとcellpaddingである可能性がありますが、よくわかりません...このようなものに本当に適したツールはfirebugです。要素を調べて、使用されているすべてのスタイルなどを確認するか、imgのようにtdの高さを50pxに修正してみてください。
于 2013-01-31T12:42:28.113 に答える
0
テーブル属性として cellpadding="0" および cellspacing="0" を使用します。
<table border="0" cellpadding="0" cellspacing="0" >
于 2013-01-31T12:39:02.760 に答える