scss 裁剪和居中的图像特色图像
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 裁剪和居中的图像特色图像相关的知识,希望对你有一定的参考价值。
.featured-blog-img {
@include column(1 / 1);
float: left;
clear: both;
text-align: inherit;
margin-left: 0%;
margin-right: 3%;
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
img {
@include transform(translate(-50%, -50%));
left: 50%;
top: 50%;
right: 0;
width: 100%;
position: absolute;
overflow: hidden;
}
}
以上是关于scss 裁剪和居中的图像特色图像的主要内容,如果未能解决你的问题,请参考以下文章
如何自动裁剪和居中图像
限制用户在使用 wordpress 媒体编辑器选择特色图像时裁剪图像
如何使用 CSS 裁剪和居中图像?
如何使用 CSS 居中和裁剪图像以始终以方形显示?
在 div 中裁剪和居中任意大小的图像
scss 基于包装器大小缩放和居中图像