问题描述
我一直认为1em等于一行高度。但如果我用
$替换
< br>< hr>< br>
b $ b< hr style =" margin:1em 0;"
< hr>上方和下方的表格在IE和FF中越来越近了。
这让我想到了一个问题:什么是< br>,用CSS表示?
*)其他地方没有边距和填充
Axel
PS:这是示例代码我''一直用来测试效果:
< html>
< body>
< table border = 1> ;< tr>< td> a< / td>< / tr>< / table>
< br>< hr>< br>
< table border = 1>< tr>< td> b< / td>< / tr>< / table>
< / body>
< / html>
------------------------------ ---------------
< html>
< body>
< table border = 1>< tr>< td> a< / td>< / tr>< / table>
< hr style =" margin:1em 0" ;>
< table border = 1>< tr>< td> b< / td>< / tr>< / table>
< / body>
< / html>
Hi,
I always thought that "1em" equals one line height. But if I replace
<br><hr><br>
by
<hr style="margin: 1em 0;">
tables above and below the <hr> get closer in IE as well as FF.
This brings me to the question: What''s a <br>, expressed in CSS*?
*) with no margins and padding defined elsewhere
Axel
PS: Here''s the sample code I''ve been using to test the effect:
<html>
<body>
<table border=1><tr><td>a</td></tr></table>
<br><hr><br>
<table border=1><tr><td>b</td></tr></table>
</body>
</html>
---------------------------------------------
<html>
<body>
<table border=1><tr><td>a</td></tr></table>
<hr style="margin: 1em 0">
<table border=1><tr><td>b</td></tr></table>
</body>
</html>
推荐答案
没什么。 <峰; br>是一个换行符。有一个CSS可以控制元素
可以插入换行符的位置,但是根据定义,换行符没有大小或
其他可以设置样式的元素。
史蒂夫
-
我的理论给你起见,我的异端邪说你,
我从不回信,你也不喜欢我的领带。 - 医生
Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>
Nothing. <br> is a line break. There''s CSS to control where an element
can insert line breaks but line breaks by definition have no size or
anything else that could be styled.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor
Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
你应该为我们提供你的测试用例的URL。
-
Rex
You are supposed to produce a URL for us where you have your test case.
--
Rex
的确如此。这里有什么困难是字体的高度意味着什么,但我们
可以在本次讨论中跳过它。
行高通常是
稍微大一点,通常大约1.15倍。
Indeed. What''s difficult here is what the height of the font means, but we
can hopefully skip that in this discussion.
The line-height is normally a
little bit larger, typically about 1.15 times larger.
我会说1.2更接近典型的浏览器默认值。 CSS 1在HTML的默认样式表中建议使用1.1
,CSS 2表示1.33,CSS 2.1草案用于
表示1.12em(与1.12不同,真的)但后来固定为
1.12。令人困惑,不是吗?对于大多数常用的字体,1.12太小了
小。
遗憾的是没有办法让行高取决于浏览器'' s
字体的实际选择(可以受到影响,但不受控制,由
作者样式表)。这让我觉得行高:1.25一般是
最少的邪恶。
但是当设置两个连续表之间的间距时,这样的
考虑因素不需要扮演任何角色。只需为第一个表设置合适的底部
保证金,或者为第二个表设置合适的顶部保证金。
如果你绝对必须尽力在之间创建_some_空格在非CSS浏览情况下,两个
表,放< p>& nbsp;< / p>最简单的方法可能是
。 (根据HTML规范,浏览器需要忽略
尝试 - 假设我们将构造解释为空段,
这有点值得商榷 - 但我们知道他们不知道什么都不做。
复杂。)
-
Yucca,
这篇关于尺码问题:< br>与保证金:1em的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!