This question already has answers here:
Text within circle div. Div size adjusted to content

(5 个回答)



Paragraph of text in circle using CSS [duplicate]

(5 个回答)


7年前关闭。




您如何看到 ( http://jsfiddle.net/m3c_/VWQjj/ ) 文本超出 div 边框。
<div id="myDiv">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>

#myDiv {
    width: 150px;
    height: 150px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #000;
    background-color: #00b7ea;
    padding: 10px;
}

我该如何解决?任何 jQuery 插件?

我正在寻找一个圆形的文本区域,而不是方形的!文本必须遵循这样的圆 Angular 边框:

最佳答案

增加填充值并使文本居中:

#myDiv {
    padding: 2em;
    text-align: center;
}

关于javascript - 在边框内带有文本的圆形 div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19358716/

10-12 12:27
查看更多