css - 使用溢出隐藏时如何隐藏图像的左侧部分

Question

我是 CSS 编程新手。使用 overflow:hidden 隐藏大于 DIV 区域的图像。也许我希望图像的隐藏部分应该在左侧，但目前它占据了右侧。我的代码如下。

HTML代码:

<div class="a1">
<img src="img/image4.jpg">
</div>

CSS:

 .a1{height:200px;width:100px; overflow:hidden;}

Answer 1

试试这个(注意 direction: rtl;):

.a1 {
  height:200px;
  width:100px;
  overflow:hidden;
  direction: rtl;
}

<div class="a1">
  <img src="http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3c6263c3453b">
</div>