4

ポートフォリオ用の複数の写真を含む UL がありますが、一部の写真のみにモデルの名前を含む単純なテキスト行が必要です。

私は次のように書きました:

<ul> 
<li><img src="img/1.jpg" alt="image" /><p>Model Name</p></li>
<li><img src="img/2.jpg" alt="image" /></li>
</ul> 

私の問題は、テキストを含む写真が上に配置されることです(上部とは異なる余白があるように)ここに私が説明しようとしているものの画面があります:

ここに画像の説明を入力

私が欲しいのは、すべての写真の上に同じスペースがあることです。

完全なコードはここで見ることができます: http://prv.sampettersson.com

4

1 に答える 1

7

トリックは - 要素で使用vertical-align: topすること<li>です。デフォルト設定はbaseline、表示される結果につながるものです。

于 2013-09-08T08:58:44.587 に答える