gpt4 book ai didi

css - 行间距和混合字体大小

转载 作者:行者123 更新时间:2023-11-28 10:04:50 27 4
gpt4 key购买 nike

有谁知道是否可以使用 CSS 保持恒定的行间距,即使您在一行中使用不同的字体大小?下面是一个示例,其中第二段的行距比第一段大。对于 CSS 中的“巨大”跨度,我尝试将 line-height 设置为 0,但这似乎还不够。

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Line Spacing Test</title>
<style type="text/css">
body {
font-size: 14px;
line-height: 1;
}
.huge {
font-size: 64px;
line-height: 0;
}
</style>
</head>
<body>

<p>Here is a line using normal font size.<br />
Here is another line using normal font size.</p>

<p>Here is a line with a span with <span class="huge">huge</span> font
size.<br />
Here is another line with a span with <span class="huge">huge</span>
font size.</p>

</body>
</html>

最佳答案

只有将行间距设置得足够大以适应所用的最大字体,才能使行间距保持不变。根据规范,设置 line-height在 block 元素上设置行框的最小高度。对于内联元素,事情要复杂得多,但归结为让浏览器最终决定行框的高度以及间距。

但是,在某些浏览器上,您可以说服浏览器使用您的高度,例如通过添加

span { display: inline-block; height: 16px; }

关于css - 行间距和混合字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14439948/

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