<分区>
这是我试过的，虽然没有意义:
<div style="background-position: -50%; width: 100%; background-image: url('/assets/upload/stab/1/taccos.png'); background-repeat: no-repeat; background-size: 100% auto; height: 885px; width: 792px;">
sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />
</div>
我想要以下内容:
| IMAGE CENTERED |
| IMAGE CENTERED |
| IMAGE CENTERED |
| IMAGE CENTERED |
|IMAGE CENTERED|
|MAGE CENTERE|
|AGE CENTER|
|GE CENTE|
随着屏幕变厚，图像应该被裁剪，而不是调整大小，其内容应该垂直居中
最佳答案
去掉 background-size，使用 background-position:center，去掉 div 宽度；如果有一个固定的div，屏幕宽度不会影响它，那么如何裁剪图像呢？
<div style="background-position: center; width: 100%; background-image: url('http://t1.gstatic.com/images?q=tbn:ANd9GcSJYVbh_I1DDoLLOxTwZPy0LPNxkZJvp1LmRydhdVcO2WifcnKN'); background-repeat: no-repeat; height:183px;">
sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />
关于html - 背景图像裁剪，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22046043/