本文主要是介绍不规则文字环绕,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
浮动元素添加 shape-outside即可
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>img{width:200px;height:100px;float: left;border-radius: 50%;shape-outside: ellipse(at 50% 50%); /*设置椭圆边界,默认方型*/}</style>
</head>
<bod><img src="./FLAMING MOUNTAIN.JPG"><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro consequuntur architecto nobis harum nemo sunt officia adipisci, quam ex qui totam, provident ab dolor veniam suscipit, corporis tempora perferendis esse!Deleniti, earum placeat sed commodi architecto maxime aspernatur inventore enim, corporis quae amet nesciunt ea vitae quidem molestias saepe voluptatibus labore quisquam praesentium maiores dolorum libero mollitia repudiandae! Autem, alias.e itaque perspiciatis consequatur qui dolor? Sunt perferendis quis eaque quo suscipit dignissimos in corporis, atque, quam eos vero.Inventore, doloribus nam. Dignissimos sequi dolore provident totam aliquam sit, magni similique quas. Dolore obcaecati quibusdam possimus quisquam nam fugit eum molestiae, voluptatibus asperiores nostrum odio excepturi assumenda eaque? Nulla.Sunt odio iure sed sint cum eveniet architecto, corporis ex maxime rerum neque magni ipsum fuga commodi, ratione, quae nesciunt minus facere obcaecati consequatur itaque explicabo rem? Hic, eius voluptatem.Veritatis, repellendus. Distinctio, veniam necessitatibus alias fugiat ad itaque ea repudiandae quam nostrum obcaecati perferendis ratione rerum voluptate quis deserunt eveniet ducimus animi illum accusantium voluptatem nobis eos veritatis dicta.</p>
</body>
</html>
这篇关于不规则文字环绕的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!