5

次のタグがあります

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/>

私は2つの傾斜CSSコマンドを入れました

style="width:100px;"
style="height:100px;"

何らかの理由で、画像の高さは 100px ですが、幅はありません。これは、同じタグに 2 つ続けて記述できないためだと思います。これが本当なら、高さと幅の両方を割り当てる方法はありますか? 外部 CSS で既に別の画像サイズを割り当てていますが、外部 CSS のタグ プロパティにimgプロパティを追加できないと思います。divありがとう

4

4 に答える 4

11

2 つのスタイル属性は必要ありません。1 つだけ使用してください。

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                     style="height:100px;width:100px;" alt="25"/>

ただし、代わりに CSS クラスを使用することを検討してください。

CSS:

.100pxSquare
{
  width: 100px;
  height: 100px;
}

HTML:

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                          class="100pxSquare" alt="25"/>
于 2013-02-21T10:46:25.860 に答える
3

複数のスタイル属性を使用しないでください。インライン CSS のブロックである style 属性でスタイルを分離するだけな; ので、別のスタイルシートで CSS を行うのと同じように考えてください。

したがって、この場合は次のようになります。 style="height:100px;width:100px;"

これは任意の CSS スタイルに使用できるため、テキストの色を白に変更したい場合などに使用できます style="height:100px;width:100px;color:#ffffff"。

ただし、インライン CSS は控えめに使用することをお勧めします。これは、将来的にコードを管理しにくくする可能性があるためです。これには、外部スタイルシートを使用する方がよい場合があります。それは本当にあなたの要件に依存します。インライン CSS を使用すると、コーディングが速くなります。

于 2013-02-21T10:49:12.603 に答える
3

使用する必要があります：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="25"/>

それはうまくいくはずです!!

クラスを作成したい場合：

.size {
width:100px;
height:100px;
}

そしてそれを次のように適用します：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" class="size" alt="25"/>

クラスを作成することで、複数の場所で使用できます。

1 か所だけで使用する場合は、インライン CSS を使用します。また、インライン CSS は他の CSS をオーバーライドします。

于 2013-02-21T10:52:19.690 に答える