javascript - 带边框内文本的圆形 div

标签 javascript jquery html css

<分区>

如何看到 ( 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/

相关文章:

javascript - 拖放功能在带有 nodejs (javascript) 测试自动化框架的 selenium webdriver 中不起作用

javascript - Materialize:未捕获类型错误:$(...).scrollSpy 不是函数

javascript - 如何在调整大小时更改字体大小以适合其父框?

html - 居中响应文本

jquery - 无论页面滚动到哪里,如何使 <div> 距离页面顶部 100 像素?

javascript - 将 <b></b> 标签添加到文本区域中的选定文本

php - 无法在 Click 事件上调用 jquery 函数

jquery - 是否可以在没有图像或表格的情况下在 CSS 中创建类似网格的背景?

Internet Explorer 上的 Jquery UI 可删除行为

jquery - 仅填充背景颜色总宽度的 50%