javascript - 将文本包裹在圆形 div 中

标签 javascript html css

<分区>

我想完成这样的事情:

enter image description here

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

我怎样才能做到这一点,使整个圈子可以填满而不会溢出?

最佳答案

这个呢?

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

关于javascript - 将文本包裹在圆形 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41656051/

上一篇:javascript - 使用 JavaScript/ajax 在单击按钮上更改特定 TD 的背景颜色

下一篇:html - 神秘边缘再次出现

相关文章:

html - 如何为数据源设置自定义 CSS

javascript - 如何使用 jqueryui 创建自定义工具提示动画?

javascript - 在网格中排列动态创建的 div

javascript - 什么更便携 : pseudo class ":hover" or jQuery's "hover()"?

html - 如何为一个元素导出所有相关的 HTML/CSS

html - 文本缩进对 div 的第一个子 span 元素有影响吗?

javascript - 如何固定段落中的文本长度?

javascript - waterfall API 调用的最佳架构模式

javascript - 淡化路径标签中的颜色

jquery - 为什么这个 mouseover jquery 代码不起作用?