剪辑属性 CSS 值

Posted 2023-02-25

【中文标题】剪辑属性 CSS 值

【英文标题】：Clip Property CSS values

【发布时间】：2017-05-13 13:48:29

【问题描述】：

尝试了很长时间后，我仍然没有获得正确的坐标或像素来剪辑/裁剪我的图像

图片：

https://i.stack.imgur.com/y4L2T.jpg

我想剪掉图像的左右白色部分。谢谢。

【问题讨论】：

你的 CSS 和 html 是什么？

我目前在shopify平台上使用液态码

只使用这个属性

img 位置：绝对；剪辑：矩形（0像素，60像素，200像素，0像素）； 我尝试了各种组合仍然不起作用

我做不到 我正在做一家电子商务初创公司，每天有数千张图片直接上传到网站。

【参考方案1】：

这是你想要的吗？剪辑属性不会更改图像大小！

img     
    position: absolute;
    clip: rect(58px 416px 532px 184px);

body 
  background-color: #000;

<img src="https://i.stack.imgur.com/y4L2T.jpg">

我真的认为这就是你想要的：

div 
    position: relative;
    height: 475px;
    width: 234px;
    overflow: hidden;

img     
    position: absolute;
    left: -183px;
    top: -58px;

<div>
<img src="https://i.stack.imgur.com/y4L2T.jpg">
</div>

【讨论】：

感谢您帮助我。难怪即使您的帮助，社区也会对您投反对票。

如果这是您的解决方案，请将其标记为答案。如果不是，请解释为什么这不是您的解决方案。