2

CSS クラスによってスタイル設定されている html img があります。状況によっては、そのクラスで使用される幅と高さの値をオーバーライドしたいと思います。

Microsoft が .Net システム用に提供する TagBuilder クラスと呼ばれるものを使用して、この img タグを作成しています。これにより、開発者は属性を html 要素に割り当てることができます。

この場合、CSS クラスが img タグに割り当てられており、幅と高さの属性を個別に割り当てることができますが、CSS クラスで設定された値よりも優先されません。

現在、私のタグは次のようになっています。

<img alt="my link" class="static" height="240" id="StaticImage" src="http://imageserver.com/myImage.jpg" width="240">

静的 CSS クラスの幅と高さの値はそれぞれ 300 で、ご覧のとおり、240 でオーバーライドしようとしています。

4

3 に答える 3

3

styleに属性を追加できますimg:

<img alt="my link" class="static" height="240" id="StaticImage"
src="http://imageserver.com/myImage.jpg" width="240"
style="height:240px;width:240px;">
于 2012-10-05T21:04:21.430 に答える
3

インラインCSSを使用できます 

<img alt="my link" style="width:240px; height:240px;" class="static" id="StaticImage" src="http://imageserver.com/myImage.jpg">

また

!importantCSS では、修飾子を使用してスタイルを定義できます

.static {
    width:240px !important;
    height:240px !important;
}

そうすれば、すべてに関係なく、幅、高さが常に使用されます。

于 2012-10-05T21:08:24.477 に答える
1

要素の選択をできる限り絞り込んでみてください。より具体的であるほど、宣言をオーバーライドする可能性が高くなります。たとえば、クラスと要素の ID を追加します。

#StaticImage.static {
   height: 240px; 
   width: 240px;
}

気が狂ってその属性を追加することもできます:

#StaticImage.static[alt=my link] {
   height: 240px; 
   width: 240px;
}

失敗した場合は、優先度を上げます。

#StaticImage.static {
   height: 240px !important; 
   width: 240px !important;
}

親要素を含めることで、さらに具体的にすることができます。インライン css は他のすべてをオーバーライドできますか? 確かに、インライン css を追加できる場合は、代わりに別のクラスを追加して、選択範囲をさらに絞り込んでみませんか? そうすれば、ファイル内のすべての css を制御できます。

また、要素のサイズを強制する JavaScript の行があるかどうかを確認します。JavaScript は、それが何であれ、css 値を変更できます。

于 2012-10-05T21:22:44.013 に答える