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

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>