Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 影响对齐的字体大小_Html_Css - Fatal编程技术网

Html 影响对齐的字体大小

Html 影响对齐的字体大小,html,css,Html,Css,我在一个圆形div中遇到了数字居中的问题。我使用的编码对所有其他元素都有效,但由于某种原因,一个数字不会像其他数字那样居中 我试图缩小问题的范围,唯一发现的是字体大小似乎是问题所在。在较小的字体大小中,数字居中精细,较大的字体大小,数字位于左侧 这是一个bug还是其他人经历过的 HTML: 问题是填充:80px40px40px 您可以通过位置:绝对 #how-can-we-help-section-two .info-box-four .circle div { font-size: 3

我在一个圆形div中遇到了数字居中的问题。我使用的编码对所有其他元素都有效,但由于某种原因,一个数字不会像其他数字那样居中

我试图缩小问题的范围,唯一发现的是字体大小似乎是问题所在。在较小的字体大小中,数字居中精细,较大的字体大小,数字位于左侧

这是一个bug还是其他人经历过的

HTML:


问题是
填充: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;
}