本文介绍了如何在一条线上垂直居中一个圆?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图在水平线的中间垂直居中一个圆,但使用负边距似乎不起作用.我应该如何处理这个问题?
#line {宽度:100%;/* 2 */高度:5px;背景:灰色;}#圆圈 {高度:50px;宽度:50px;边界半径:50%;背景:蓝色;左边距:50%;文本对齐:居中;白颜色;字体粗细:700;行高:50px;字体大小:14px;}
<div id="Value">0.33</div><div id="结果"></div><div id="行"><div id="圆圈">2