0

これが以前に回答されている場合は申し訳ありませんが、どこにも見つけることができませんでした。

一種のサムネイル ギャラリーを作成しようとしていますが、html コードで要素の幅と高さを設定するのに問題があります。何らかの理由で、スタイルシートでサイズを設定すると機能しますが、コード自体では機能しません。私は一晩中これを理解しようとしてきましたが、それは私を夢中にさせています。私が誤解しているのは単純なことだと思います。どんな助けでも大歓迎です。サンプルへのリンクは次のとおりです。

http://jsfiddle.net/4gupR/1/

CSS

.box {
display: block;
float: left;
margin: 0 20px 20px 0;
}
figure {
position: relative;
margin: 0;
padding: 0;
display: block;
}

HTML

<div class="box">
<figure width="800" height="800">
    <img src="http://placehold.it/400x300">
</figure>
<figcaption>Caption</figcaption>
</div>

明確にするために、html コードを使用してこれを行うことが重要です。また、マージンやパディングだけでなく、サイズも設定する必要があります…</p>

いつものように、あなたが提供できるどんな助けにも感謝します!

4

3 に答える 3

0

ほとんどの html 要素は幅と高さを属性としてサポートしていませんが、CSS を介してスタイルシートで、またはスタイル属性の html で直接、幅と高さを設定できます。

<figure style="width : 800px; height : 800px;">

(すでにスタイルシートでdisplay:blockを設定しているようです。)

そうは言っても、img 要素は実際には幅と高さの属性を許可しているため、img に設定できます。

于 2013-10-13T08:39:30.467 に答える
0

インライン スタイルを使用する場合は、"style" 属性を使用する必要があります。

<div style="property: value;">

http://jsfiddle.net/bZkYS/1/

于 2013-10-13T08:46:15.317 に答える