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

2024-03-31  本文已影响0人  逸笛
图片.png

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;

            }
        }
上一篇 下一篇

猜你喜欢

热点阅读