Question

如何覆盖css width以便竞争的width HTML属性定义计算的大小？

下面的示例呈现宽度为500px，但我想要100px。假设不能改变css规则 - 只是用更强的规则掩盖。

编辑以澄清：我不想在内联或其他地方设置显式大小。

img {
  width: auto;
}

<img src="http://placekitten.com/500/500" width="100px">

Answer 1

您可以使用内联样式设置width

＆＃13;

img {
  width: auto;
}

＆＃13;

<img src="http://placehold.it/500x500" style="width: 100px">

＆＃13;

Answer 2

查看!important代码：

更多信息here

Answer 3

您可以使用内联css：

<img src="http://placekitten.com/500/500" style="width:100px">

或者您可以从当前代码中删除px：

<img src="http://placekitten.com/500/500" width="100">

Answer 4

你可以使用！重要注释：宽度：100px！important;

Answer 5

只需像这样使用

img {
width: auto;}

<img src="http://placekitten.com/500/500" style="width: 100px;">

Answer 6

试试这个。

img { width: auto; } <img src="http://placehold.it/500x500" style="width: 100px !important;">

Answer 7

只需跟随即可轻松工作

// Make textView2 invisible
tv2.visibility = View.INVISIBLE
// Get the LayoutParams of the ImageView
val ivParams = iv.layoutParams as RelativeLayout.LayoutParams
// Change the rule to be to the right of textView1
ivParams.addRule(RelativeLayout.RIGHT_OF, tv1.id)
// Since the placement of textView2 is changing, request a layout.
iv.requestLayout()

img{
min-width: auto !important;
width: auto !important;
}

覆盖css宽度

7 个答案: