Question

我需要显示一个水平规则几乎触及文字的文字。即文本和hr之间的垂直高度应该非常小。这应该可以在移动safari浏览器中显示。

http://pastie.org/1206301

Answer 1

我会将HR元素的边距和填充设置为零。

hr {
margin:0;
padding:0;
}

Answer 2

将填充/边距设置为小时的0 :(注意我把HR放在里面，因为你不希望所有的HR都假设那个样式。你也可以给它＆lt; hr /＆gt;它自己的CSS类

<html>
<head>
<style type="text/css">
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
.new{vertical-align:text-bottom;}
.new hr{padding:0;margin:0;}

</style>
</head>

<body>
    <div class="new">
    test text
    <hr/>
    <div>

</body>
</html>

减小文本和水平规则之间的垂直高度

2 个答案: