我只想在一个div中垂直和水平居中显示文本,该文本具有一个用边框半径制成的环绕圆。目前,文字显示在右下角的...
在这里查找小提琴:http : //jsfiddle.net/gvoyu830/
我的CSS:
DIV {
display: inline-block;
width: 10%;
border: 1.2em solid #dddddd;
border-radius: 50%;
max-width: 1.2em;
max-height: 1.2em;
box-sizing: border-box;
margin: 0 auto;
}
有任何想法吗?
可以简单地通过设置height
/width
的div和line-height
等于height
垂直对齐顺序的a来实现。
text-align: center
将进行水平对齐。
div {
display: inline-block;
text-align: center;
/* width: 10%; */
/* border: 1.2em solid #dddddd; */
background-color: #ddd;
width: 2.4em;
height: 2.4em;
line-height: 2.4em;
border-radius: 50%;
/* max-width: 1.2em; */
/* max-height: 1.2em; */
/* box-sizing: border-box; */
/* margin: 0 auto; */
}
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句