请看以下代码,这是一个我遇到问题的简化版本:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {border-width:0px 5px; border-style:solid; border-color:black; width:400px; margin:0; padding:0; background:red;}
div:nth-child(2) {background:green;}
p {color:yellow; text-transform:uppercase; font-size:40px;margin:0;padding:0;}
</style>
</head>
<body>
<div><p>Hello World</p></div>
<div><p>Hello World</p></div>
</body>
</html>
它应该创建类似于此的东西:
![enter image description here](https://istack.dev59.com/Wyhq5.webp)
line-height
设为26px
,并添加2px
的padding-top
。这样应该刚好合适。我已经使用此代码更新了上面的 jsFiddle。 - bukka