Html 影响对齐的字体大小
我在一个圆形div中遇到了数字居中的问题。我使用的编码对所有其他元素都有效,但由于某种原因,一个数字不会像其他数字那样居中 我试图缩小问题的范围,唯一发现的是字体大小似乎是问题所在。在较小的字体大小中,数字居中精细,较大的字体大小,数字位于左侧 这是一个bug还是其他人经历过的 HTML:Html 影响对齐的字体大小,html,css,Html,Css,我在一个圆形div中遇到了数字居中的问题。我使用的编码对所有其他元素都有效,但由于某种原因,一个数字不会像其他数字那样居中 我试图缩小问题的范围,唯一发现的是字体大小似乎是问题所在。在较小的字体大小中,数字居中精细,较大的字体大小,数字位于左侧 这是一个bug还是其他人经历过的 HTML: 问题是填充:80px40px40px 您可以通过位置:绝对 #how-can-we-help-section-two .info-box-four .circle div { font-size: 3
问题是
填充:80px40px40px文本框的code>
您可以通过位置:绝对代码>
#how-can-we-help-section-two .info-box-four .circle div {
font-size: 35px;
font-weight: bold;
color: #fff;
line-height: 90px;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
问题是填充:80px40px40px文本框的code>
您可以通过位置:绝对代码>
#how-can-we-help-section-two .info-box-four .circle div {
font-size: 35px;
font-weight: bold;
color: #fff;
line-height: 90px;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
这是因为你周围的包装行为。
您可以使用绝对定位div,也可以将行高:90px
替换为宽度:100%;身高:100%;显示:内联块在文本div
内部.circle
上添加code>是因为您周围的包装器行为。
您可以使用绝对定位div,也可以将行高:90px
替换为宽度:100%;身高:100%;显示:内联块
在你的文本div
内.circle
我查看了你的网页,没有发现问题(使用Firefox);所有的数字看起来都居中了。除非我拍摄一张屏幕截图并开始计算像素,否则我不确定该修复什么。请详细说明。我查看了您的网页,没有发现任何问题(使用Firefox);所有的数字看起来都居中了。除非我拍摄一张屏幕截图并开始计算像素,否则我不确定该修复什么。请详细说明。
#how-can-we-help-section-two .info-box-four .circle div {
font-size: 35px;
font-weight: bold;
color: #fff;
line-height: 90px;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}