css文字图片环绕

效果如下

设置css shape-outside属性即可(flex布局不可使用)

  img {
            width: 200px;
            height: 200px;
            float: left;
            border-radius: 50%;
            margin-right: 10px;
            shape-outside: circle(50%);
        }

body

<img src="./pic.png" alt="">
    <p>
        基本类型:Number、String、Boolean、Undefined、Null、Symbol、BigInt引用类型:Object
        typeof操作符检测数据类型,只能精确的检测基本数据类型,并且检测Null类型,返回的是字符串object
        instanceof:可以正确判断对象到底属于什么类型通过检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上来判断
        constructor:通过返回目标的构造函数,来判断数据的类型因为Number、String、Boolean具有包装对象,用constructor的方式也可以检测。Undefined、Null不可以被检测
        Object.prototype.toString.call():通过调用toString方法,返回一个表示目标对象的字符串,通过这个字符串可以准确判断目标对象的类型。
    </p>

猜你喜欢

转载自blog.csdn.net/weixin_46324536/article/details/129571305
今日推荐