如何用css或js把文字嵌入特定的形状中？

Question

例如有一个圆形的div，里面有文字

<div class="div_circle">愿你的快乐与岁月无关，愿你的纯真与经历无关。沧海桑田后依旧乘风破浪，尘埃落定后依旧炙热欢畅。愿你有过世事沧桑，依旧拥有最初的梦想，愿你的生活，还能找到属于自己的光</div>

        .div_circle {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background-color: silver;
        }

结果是这样的，不符合要求：

想要下面这样的：

请问怎么弄？ 百度找了很久都没找到答案

Answer 1

给你一篇文章自己参考下using-css-to-set-text-inside-a-circle

或者这个，这个比较简单：Fixed dimensions - bite as shape-outside gradient

---

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。