将文本换行到圆形div

时间:2017-01-14 23:16:48

标签: javascript html css

我想完成这样的事情:

enter image description here

我尝试过创建一个div并给它border-radius 50%。问题是文本溢出了圆角。

如何实现这一点,以便整个圆圈可以填满而不会溢出?

1 个答案:

答案 0 :(得分:0)

这个怎么样?

div {
    border: 1px solid #cceeff;
    -webkit-border-radius: 50px;
    padding: 15px;
    height: 70px;
    width: 70px;
    overflow: hidden;
}
<div>HALLO MAN, WANNA IT?</div>