html - html/css 中是否有裁剪图像的功能?

标签 html css

<分区>

我有一张图片,我想对其进行裁剪,然后使用 html/css 将其相应地用于我的元素。我不想使用任何照片编辑器。

最佳答案

举个例子:

<div id="test">
<img id="image" src="LINK to Image">
</div>

对于 CSS:

#test{
overflow: hidden;
height: (number)px;
width: (number)px;
}

#image{
position: relative;
top: (number)px;
left: (number)px;
}

因此图像的 (position: relative) 将允许您相对于 div 上下移动它。 div 的高度和宽度将是裁剪区域。

希望对你有帮助

关于html - html/css 中是否有裁剪图像的功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37461727/

相关文章:

javascript - 连接速度较慢时 float JQuery 菜单问题

html - 仅以特定宽度在轮播中显示内容不起作用

css - 采用语义网格是否会迫使您使用 LESS?

CSS 悬停在元素 A 上,但 css 影响元素 B

javascript - 使用多个 div 在按钮单击时显示 div

javascript - 清除文本区域并重置文本区域的字符数

css - 两行两列流体页面布局 Bootstrap

javascript - 在 ajax 请求完成之前提交表单

html - 如何将完整图像完美地放入 slider ?

Javascript向当前代码添加功能