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 边框。
我该如何解决?任何 jQuery 插件?
我正在寻找一个圆形的文本区域,而不是方形的!文本必须遵循这样的圆 Angular 边框:
(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/