程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

样式 <img> 从其 HTML 属性读取尺寸,而不是 CSS

发布于2021-06-19 09:50     阅读(1209)     评论(0)     点赞(0)     收藏(5)


一旦widthheight属性被 CSS 篡改,您如何取消这些样式并告诉图像再次从其 HTML 属性中读取尺寸?

widthand的初始值heightauto,但明确设置它不起作用:

img {
  height: 200px;
}

/* ... */

img {
  height: auto;
}

它只会使图像完全忽略它们的 HTML 属性。


解决方案


如果您有权访问在height设置 的初始 CSS img,那么对于 CSS3 浏览器,您可以将其修改为:

img:not([width]):not([height]) {
    height: 200px;
}

:not如果图像具有 awidth或 aheight属性,则它使用“不”应用它你可以在这个 fiddle 中看到结果这意味着您总是希望属性优先于上述 CSS。然后,如果您确实想通过 CSS 应用更改,则需要将类或其他内容应用于img,如下所示:

<img src="blah" class="specialCase" />

img.specialCase {
    height: 200px;
}

正如这个小提琴显示的那样,它会否决height但不是width设置




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/133686/29bd89bf16da2588d0d5/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

0 0
收藏该文
已收藏

评论内容:(最多支持255个字符)