gpt4 book ai didi

html - Firefox 中的填充问题?

转载 作者:行者123 更新时间:2023-11-28 12:26:36 25 4
gpt4 key购买 nike

我目前遇到一个问题,即 Firefox 在 div 中的某些文本周围去除 1-2 像素的填充。在写太多之前,我将展示一些图片并发布代码,以便您了解我的意思。这可能只是 Firefox 呈现的方式。 Anywho代码和图片如下:

Chrome/Safari/Ie 屏幕:

enter image description here

Firefox 屏幕:

enter image description here

代码如下:

html页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<title>Test Page One</title>
<LINK REL=StyleSheet HREF="stylesheets/test.css" TYPE="text/css" MEDIA=screen>
</head>
<body>
<div class="single_label blue_label">Test<div class="remove"></div></div>
</body>
</html>

CSS:

.single_label{ 
float: left;
padding-right: 5px;
padding-left: 7px;
height: 14px;
color: black;
font-size: 10px;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: left;
width: 74px;
vertical-align: bottom
}

.blue_label {
background-color: #3acbff;
-moz-border-radius: 4px;
border-radius: 4px;
}

那么谁能告诉我为什么 Firefox 会这样呈现以及如何解决这个问题?

最佳答案

嗯,您可能有其他 CSS,但在列出的代码中,您从未设置行高,因此您依赖于浏览器默认值。尝试设置特定的行高。

关于html - Firefox 中的填充问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4891663/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com