css - 在使用 min-inline-size 时，是否可以在 css 中给出从右到左的方向

Question

我正在尝试为页面右侧的图标提供背景颜色。但是背景颜色仅适用于作为 block 的图像。但实际上我需要的是背景应该从页面的右侧开始，应该在页面的左侧结束。所以我将 min-inline-size 设置为 100%。这解决了背景问题。现在图像在左侧。但我不知道如何实现这一目标？

<img src="excelpng.jpg" style="height: 25px; overflow: hidden; background-color: darkred; display: inline-block; min-inline-size: 100%" alt="">

Answer 1

应用宽度:100%； text-align: right; 到 img

img {
  position: fixed;
  margin: 1px;
  right: 0px;
  display: inline-block;
  min-inline-size: 100%;
  height:25px;
  overflow: hidden;
  background-color: darkred;
  width: 100%;
  text-align: right;    
}

<img src="excelpng.jpg">

希望这有帮助:)