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 基于包装器大小缩放和居中图像