CSS Shapes图文排版,文字环绕布局

CSS Shapes图文排版,文字环绕布局

CSS Shapes是一个CSS模块,用于定义几何形状。CSS Shapes模块可以实现不规则的文字环绕效果,需要和浮动配合使用。

<view class="strCont">
                <image class="logo" :src="formatImgUrl(avatar)">
                </image>
                {{str}}
            </view>

    .strCont {
            margin-top: -2rpx;
            width: 100%;
            height: 558rpx;
            padding: 20rpx 15rpx 20rpx 20rpx;
            overflow-y: scroll;
            background-color: #fff;
            border-radius: 0 0 40rpx 40rpx;
            border: 1rpx solid #D0D2D2;
            line-height: 60rpx;
            font-size: 28rpx;
            color: #555;

            .logo {
                width: 212rpx;
                height: 270rpx;
                border-radius: 16rpx;
                float: left;
                margin: 0 20rpx 10rpx 0;
                shape-outside: margin-box;

            }
        }

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
小函的日记薄的头像 - 宋马
评论 抢沙发

请登录后发表评论

    暂无评论内容