1

ランダムな画像を提供するページがあります。画像の下には、画像を上下に投票できるcss要素がありますが、cssが画像より少し下すぎると思います。垂直方向に画像に近づけたい。手伝ってくれますか？

スタイル.css:

.vot_updown2 {
 position:relative;
 margin:3px;
 width:160px;
 background:#ffffff;
 border:0px solid #ffffff;
 font-family:"Segoe UI", Arial, sans-serif;
 text-align:center;
 padding:2px 1px;
 box-shadow:.17em .2em .23em #ffffff;
 -webkit-box-shadow:.17em .2em .23em #ffffff;
 -moz-border-radius:.7em;
 -webkit-border-radius:.7em;
 -khtml-border-radius:.7em;
 border-radius:.7em;
}

randimg.php スニペット:

while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
        echo "<p>", "<div class='tagtext'>AUTHOR: ", ($row['username']), " ", "TAG: ", ($row['tag']), "</div>";
        echo "<p>", '<img src="' . $row['image'] . '" alt="" />', "<br>";

echo "<div class='vot_updown2' id=" . 'vt_' .$table.($row['id']). "></div>";
    }

改行を削除しようとしましたが、役に立ちませんでした。div の代わりに span を使用しようとすると、要素の表示に失敗します。

4

4 に答える 4

0

これを .vot_updown2 に追加します。

   margin-top:-10px;

10pxをに変更できます

あなたが望むすべて。

于 2013-11-03T10:41:19.953 に答える
0

img 要素に「display:block」または「float:left」スタイル宣言を与えることで、画像の下の余分な空白を削除できます。画像の下の空白を削除するを参照してください

于 2013-11-03T11:03:56.487 に答える
0

これを追加：

垂直整列:中央;

于 2013-11-03T11:42:27.170 に答える