我正在尝试调整段落大小并调整圆半径。任何人都可以调查一下吗?
#circle{
background:#aaa;
height:300px;
width:300px;
border-radius:50%;
text-align:center;
/*line-height:300px;*/
}
<body>
<div class="container">
<div id="circle">
<span class="text-center"><p>lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit ametlorem ipsum dolor sit amet lorem ipsum dolor sit ametlorem ipsum dolor sit ametlorem ipsum dolor sit ametlorem ipsum dolor sit amet </p></span></div>
</div>
</body>
最佳答案
您可以使用 flexbox 使副本在圆圈内居中,并使用一些填充来包含它。请注意,您必须为 flexbox 使用浏览器前缀,具体取决于您需要支持的浏览器(更多信息:http://caniuse.com/#feat=flexbox)
*, *:before, *:after {
box-sizing:border-box;
}
#circle {
background: #aaa;
border-radius: 50%;
text-align:center;
height:300px;
width:300px;
display:flex;
justify-content:center;
align-items:center;
padding:20px;
}
<div class="container">
<div id="circle">
<p>lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit ametlorem ipsum dolor sit amet lorem ipsum dolor sit ametlorem ipsum dolor sit ametlorem ipsum dolor sit ametlorem ipsum dolor sit amet</p>
</div>
</div>
关于html - 我如何调整圆半径以适合其中的段落,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36094615/