示例代码

<style>
  .cus-warp{
  }
  .avatar{
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    shape-outside: circle(50%);
  }
</style>
<div class="cus-warp">
    <img class="demo avatar" src="/article/74dfa7c4/meimei.jpg" />
    <p>
    遥遥相望,不解红尘滚滚。轻轻悄悄,挪移我的心扉。人生如梦,你像婉转的旋律,悠扬动听我的世界。你轻盈的步伐,俯身采枝花。看你欢欣的笑容,己心迷醉。你如春天的芬芳,夏天的狂喜;秋天的凉爽,冬天的静谧。不知道何时,你就这样走了。到哪里,都探不到你的消息。只是命运愚人,回忆濒临破碎。我在崩溃边缘,久久驻足徘徊。痴痴望着天空,转眼热泪盈眶。你凭什么离开,剩我一人独殇。苦了我的生活我也愿意继续,因为人生只若初见。
    风中似乎有你的身影,让我每分每秒凝神屏息。空气里再也没有你的甜蜜,反倒是多了淡淡的忧愁,和一丝凉意。花儿朵朵都谢了,因为你不在这里。我知道你虽然不在我身边,却依然在我心里。我没有你想象的那么坚强,快回来快回来这是一封情书,也是一段岁月。这是一封情书,也是两种人生我爱你快回来
    </p>
</div>

效果展示

遥遥相望,不解红尘滚滚。轻轻悄悄,挪移我的心扉。人生如梦,你像婉转的旋律,悠扬动听我的世界。你轻盈的步伐,俯身采枝花。看你欢欣的笑容,己心迷醉。你如春天的芬芳,夏天的狂喜;秋天的凉爽,冬天的静谧。不知道何时,你就这样走了。到哪里,都探不到你的消息。只是命运愚人,回忆濒临破碎。我在崩溃边缘,久久驻足徘徊。痴痴望着天空,转眼热泪盈眶。你凭什么离开,剩我一人独殇。苦了我的生活我也愿意继续,因为人生只若初见。 风中似乎有你的身影,让我每分每秒凝神屏息。空气里再也没有你的甜蜜,反倒是多了淡淡的忧愁,和一丝凉意。花儿朵朵都谢了,因为你不在这里。我知道你虽然不在我身边,却依然在我心里。我没有你想象的那么坚强,快回来快回来这是一封情书,也是一段岁月。这是一封情书,也是两种人生我爱你快回来

打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

中午好👏🏻,我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. 示例代码
  2. 2. 效果展示