有没有一种独立于字体的方法从em转换到字体高度？
是的，有一种独立于字体的方法可以从em转换为字体高度。在CSS中，em是相对于父元素的字体大小进行计算的单位，而字体高度是指字体的实际高度。
要将em转换为字体高度，可以使用以下公式：
字体高度 = em值 * 父元素的字体大小
例如，如果一个元素的字体大小为16px，而其子元素的字体大小使用了0.5em，那么子元素的字体高度可以通过以下计算得到：
字体高度 = 0.5em * 16px = 8px
这样，无论父元素的字体大小如何变化，子元素的字体高度都会保持相对不变。
在实际应用中，这种方法可以用于确保在不同字体大小的情况下，元素的布局和比例保持一致。例如，在响应式设计中，可以使用em单位来设置元素的尺寸，以便根据屏幕大小自动调整布局。通过将em转换为字体高度，可以确保元素在不同设备上显示的大小相同，从而提供一致的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS（云服务器）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/css
- 腾讯云CVM（云虚拟机）：提供高性能、可靠的云服务器实例，支持弹性伸缩和多种操作系统。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云CDB（云数据库MySQL版）：提供高性能、可扩展的云数据库服务，支持自动备份和容灾。详情请参考：https://cloud.tencent.com/product/cdb
- 腾讯云COS（对象存储）：提供安全、可靠的云端存储服务，支持海量数据存储和访问。详情请参考：https://cloud.tencent.com/product/cos
相关·内容
1回答
我已经为几个输入域创建了我想要的结果的图像。
我试图得到的结果是：
input {
padding-left: 2px;
padding-top: 2px;
height: 1.8em;
font-size: 1em;
}
我在创建它时遇到的问题是，任何时候我调整文本的大小，使其比输入字段小，输入字段的高度也会相应地改变，它似乎没有注意到高度属性，只有字体大小。
我希望文本在输入字段高度的60%左右结束，如上所述，相当接近左下角。
有人能为我指出正确的方向吗？
浏览 2提问于2012-10-06得票数 0
回答已采纳
1回答
将以下代码添加到我的CSS工作在提供替代字体，而来自谷歌的网页字体是不活动的？我所做的就是将以下链接添加到我的HTML中：
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Shrikhand" rel="stylesheet">
我在CSS中添加了以下内容：
.wf-inactive body {
font-family: serif;
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0;
word-sp
浏览 0提问于2017-05-11得票数 0
回答已采纳
在中，第2.3节中只提到了"EM框“和"EM单元”。引述如下：
字体大小属性指示字体中所需的象形文字高度。对于可伸缩字体，字体大小是应用于字体的EM单元的比例因子.(请注意，某些符号可能会在EM框之外流血。)对于不可伸缩的字体，字体大小被转换成绝对单位，并与声明的字体大小相匹配，对两个匹配值使用相同的绝对坐标空间。
什么是"EM盒“或相关的"EM单位”？
浏览器(和其他用户代理)应该从某个地方，从哪里获得？
浏览 0提问于2013-12-30得票数 7
回答已采纳
有没有办法将字体大小指定为浮点数/双精度，而不是整数。我将我的字体创建为：
Font font = new Font(shell.getDisplay(), "CormorantGaramond",14, SWT.NULL);
其中14是以磅为单位的字体大小。但是构造函数只接受一个整数，当字体大小是以磅为单位而不是像素时，我觉得这很奇怪。有没有办法将字体大小指定为非整数值。(它是ttf字体，如果有关系的话)。
浏览 0提问于2017-08-04得票数 9
1回答
使用DirectWrite和Direct2D1，我试图模仿Illustrator CS6对区域文本框的渲染。CS6有一个选项，可以将基线放置在与区域文本框顶部的距离等于字体的"em框大小“的位置。例如，使用Trajan Pro字体，100pt磅大小，从area文本框顶部算起基线为87.5pt。
从IDWriteFontFace对象中，我可以获得上升、下降、designUnitsPerEm等值。
似乎缺少的是相对于em框顶部的基线位置。
有没有办法以设计单位获得相对于em框顶部的基线位置？
DWRITE_FONT_METRICS没有。我查看了DWRITE_LINE_METRICS，但它的
浏览 0提问于2012-12-19得票数 2
1回答
我有一张桌子(值得一提的是日历)。我希望在任何日期都没有写入任何内容时，日历看起来不会很难看，所以我希望单元格的最小大小等于字体高度的四倍。(也就是说，如果我有一个日历行没有任何内容，而另一个日历行有四行文本，我希望它们的大小相同)。
Everywhere说要使用em。然而，我尝试在我的12pt字体中使用4em，但它远未接近：
td.day {
padding: 2px;
font-size: 12pt;
width: 14.3%;
height: 4em;
vertical-align: top;
}
我精确地计算了像素，以及我正在使用的特定字体的12
浏览 6提问于2009-01-20得票数 2
回答已采纳
font-size设置字体高度。
字体高度是由一行的高度来测量或指定的，这是显示字符范围所需的全部高度，包括在行以下的字符，如j，以及凸起的元素(例如，大写的重音)。
请参阅
因此，具有长下垂和上升的字体将比具有短下降和上升的相同font-size的字体看起来要小。
如果line-height设置为1em，则line-height可能与font-size相同。因此，带有font-size: 50px的line-height: 1em的直线高度为50 So。
那么，为什么文本周围的链接比字体大(有一个更大的高度)，线高是1em？
请参阅
这个屏幕抓取显示的文字线高度为1em与绿色背景。还
浏览 5提问于2020-09-03得票数 0
1回答
使小写文本适合方框模型
、、、
我目前正在尝试向 python word cloud库添加一个html导出(到现有的图像中)。
现在最大的问题是，底层的python图像以不同的方式处理文本。它在单词最大字符的上边沿的单词周围绘制“方框”。因此，框总是尽可能地紧贴文本。
浏览器以不同的方式解释HTML + CSS。它们不会使盒子尽可能地紧凑，而是以一种所有可能的字符都能容纳的方式。因此，如果单词只包含小写字符，则浏览器仍会在顶部留出一些空格，以防可能存在大写字符。
所以我现在的问题是，如何在CSS中使用如此“紧凑”的框来实现类似的行为。
为了更好地说明我的意思，这里有一张图片
在后台，您可以看到python库中生成的pn
浏览 0提问于2017-06-27得票数 1
1回答
第一篇文章是关于堆栈溢出的，我希望你们能帮到我。我有一张照片，是根据需要调整尺寸的，但由于我的亲属填充了0.5em，所以我不断得到一些恼人的间隔。这意味着根据我的窗口大小，我有两个场景。1:间距适合，如，或2: I在底部一个恼人的空间，因为em填充，如。
所以我的问题是，有没有办法，确保从图像到右文本的距离与从图像到底部文本的距离相同？我不介意，如果我的照片有点高，所以距离总是一样的。
我尝试了一些不同的div，以及在响应方面的一些不同的方法，但是我没有任何东西可以工作。希望你们能帮我一把。
HTML：
<div class="panel-body">
浏览 8提问于2016-03-21得票数 0
回答已采纳
根据，可以使用 (，)、vw、vh、vmin、vmax来使文档更加流畅。
然而，从保守的角度来看，我想确保我希望在较大的显示器上安装屏幕的愿望不会对较小的显示器造成伤害。
我知道，使用<meta name = 'viewport' content = 'width = device-width' />和隐式的font-size: 1em;，应该可以保证页面中的字体大小与界面元素的字体大小基本相同，而且也不会出现不必要的滚动。
如上所述，有没有办法确保vw / vh / vmin / vmax永远不会低于上面的相对1em的绝对值？也许与 / (dpi
浏览 0提问于2015-05-12得票数 1
这就是我要做的，我想转义句点，这样我就可以在代码中添加.8em字体和2.5em字体，而不是普通的数字字体。在这个脚本中，我尝试了三种不同的方法来转义句点，但我认为我做错了。
下面是我在脚本中的字体大小。
$min_size = 1; //change to .8
$max_size = 2; //change to 2.5
下面是显示字体大小的脚本的一部分。
$tags = tag_info();
$minimum_count = min(array_values($tags));
$maximum_count = max(array_values($tags));
$spread = $m
浏览 0提问于2009-12-05得票数 0
回答已采纳
当中的pyglet示例呈现得不好时，意味着什么，如下面的屏幕截图所示？
我有另一台电脑，使用Ubuntu，它呈现得很好。这个使用Windows。
其他示例，如渲染图像和渲染视频，也有相同类型的问题，所以它不是关于文本本身，或者只是这个例子。
我注意到有人投票决定结束这件事是因为不清楚。请让我知道我还能提供什么更多的信息。，我刚刚开始使用，所以我有点不知道如何调试在使用它时出现的一些问题。
根据请求，我将代码从我提供的链接复制到文章中：
import pyglet
window = pyglet.window.Window()
label = pyglet.text.Label(&#
浏览 3提问于2020-10-02得票数 0
1回答
尝试从黄金网格系统中调整可缩放的基线网格：
下面是相关的CSS (除非我遗漏了什么)：
/*
*
* Zoomable baseline grid
* type size presets
*
*/
body {
/* 16px / 24px */
font-size: 1em;
line-height: 1.5em;
}
.small {
/* 13px / 18px */
font-size: 0.8125em;
line-height: 1.3846153846153846em;
}
.normal, h3 {
/* 16px / 24px */
浏览 3提问于2012-02-12得票数 2
回答已采纳
有人能很好地解释em作为CSS的大小单位是什么吗？
当我们用它们作为网站的大小单位时，为什么要用%作为身体呢？为什么不把它们也用在身体上？
浏览 2提问于2010-01-24得票数 7
回答已采纳
3回答
我的css根据可用的字体定义了级联的字体系列：
.myfont {
text-transform: uppercase;
font-family: Calibri, Arial, sans-serif;
padding: 2em;
background-color: red;
}
而且，根据呈现的字体，我想要调整填充，以便在漂亮的<sarcasm>红色背景中适当地居中全大写文本。有没有好的方法来计算字体的大小，以便我可以相应地调整底部填充？
还计算、和的解决方案的加分。
提前感谢！
浏览 0提问于2012-04-17得票数 4
回答已采纳
我有一个包含文本的div，用来在太长的时候显示"...“ellipsis。为此，我需要将overflow放在hidden并设置一个max-width。要让width属性和ellipsis正常工作，容器还需要处于内联模式(或block -block)。此外，还需要white-space: nowrap。我意识到容器没有将它应该的高度作为字体完全适合它自己的高度。
请参阅：
我意识到我必须将line-height升级到1.5em (在某些浏览器中，有时1.3em就足够了)才能适应它。
我很难理解为什么字体不能使用足够的高度来适应与其字体大小相同的行高。
有没有人有这方面的有用信息？
浏览 2提问于2014-07-02得票数 0
1回答
我尝试为显示为block元素的锚定标记设置不同的高度和字体大小，但是每次字体大小都会覆盖元素的高度。有什么想法吗？
div{
background: #916a31;
height: 2.3em;
}
ul, li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
ul {
float: left;
background: orange;
height: 2em;
width: 100%;
}
li {
}
li a{
displa
浏览 2提问于2014-09-18得票数 0
1回答
有没有办法改变这个图标(icon=“图像/{Land}.png”)的大小和边框？？我尝试使用"mIcon“这个类，但它改变了所有的列表，而不仅仅是图像的图标。我不知道是否可以只改变图标的大小。
xmlns:html="http://www.w3.org/1999/xhtml" class="hosp-popup" >
<List id="idListCounPop"
width="100%"
mode="SingleSelectLeft
浏览 0提问于2021-08-10得票数 0
谁能举例说明"em是相对于字体大小的，而%是相对于父元素的“？
相对于字体大小和相对于父元素的含义是什么？
浏览 0提问于2010-02-01得票数 1
1回答
在骨架网格中的按钮中，我很难使字体更大。我该如何做字体大小而不让按钮本身变大呢？任何帮助都是非常感谢的。
html：
<section class="sixteen columns m-new">
<a href="#"><button class="btn-new">hey, I'm new!</button></a>
</section>
CSS：
button.btn-new {
background-color: #F46F80;
pa
浏览 3提问于2014-04-02得票数 2
回答已采纳
调整em中元素的大小不会随着字体类型的变化而改变，就像对ex或ch大小进行更改一样。即使是强硬的不同字体类型，也有不同大小的'M‘。
<div id="em1">Font Serif with em as units</div>
<div id="em2">Font Sans-Serif with em as units</div>
<div id="ex1">Font Serif with ex as units</div>
<div id="ex2
浏览 4提问于2014-12-17得票数 4
回答已采纳
3回答
我试图将一个元素限制为2行文本，我想要一个-webkit-line-clamp的后盾。当系统的默认字体大小为默认时，此解决方案可以工作：
line-height: 1.3em;
max-height: 2.6em;
overflow: hidden;
然而，在Android上，如果我改变了系统的字体大小，那么第二行的底部就会被切断：
字体大小为16 is，但使用Android的缩放(1.3x)，计算样式如下：
font-size: 20.8px;
line-height: 27.04px;
max-height: 41.6px;
因此，看起来font-size和line-h
浏览 4提问于2021-07-18得票数 1
回答已采纳
3回答
我正在做一个旧的项目，它广泛地使用em的所有东西，从字体大小到布局(宽度、边距、填充等等)。这让我想知道使用em来布局页面和字体是否真的有什么好处？
我甚至不使用em的字体，我觉得它们有点混乱，特别是没有body { font-size: 62.5%; }技巧()。据我所知，现在每个浏览器都会适当地调整px的大小。
我不知道使用em来实现移动设备的好处是否有什么好处，据我所知，这个元标记应该可以让移动浏览器显示一个标准大小的像素
<meta name="viewport" content="width=device-width, initial-scale=1,
浏览 3提问于2012-10-22得票数 0
回答已采纳
7回答
您应该将em与px混合使用吗
因为em基于字体大小，而px基于屏幕。
所以问题来了--当大多数网站都在使用em的时候，如何生成一个图片呢？
浏览 0提问于2012-10-06得票数 5
回答已采纳
我有一个简单的<input type="text"/>，样式如下：
font-size:1.5em;line-height:1.5em;padding:.6em .4em;
它可以在Chrome、Safari (即Webkit浏览器)中正常显示。
然而，当我们到达Firefox时，就会发生这种情况：
正如你所看到的，Firefox决定在一定的高度截断字体的大小。为什么会发生这种情况？即使我从<input>中删除了填充，也会出现此问题。
注意：
了解应用于此输入的附加样式是Twitter Bootstrap v.2.0中使用的默认样式可能会有所帮
浏览 2提问于2012-03-28得票数 17
回答已采纳
2回答
我有一页带有iframe的页面。
该页面的正文大小为81.25%，字体大小基于em (即13 em)。
我加载到iframe中的页面也有一个基于em的字体大小(即13 an )。
现在，iframe是使用父页面的主体大小，即81.25%，还是其默认的100%身体大小？
浏览 14提问于2012-10-04得票数 0
回答已采纳
1回答
注意:我已经读过了，但这里略有不同(见下文)。
我试图在一个圆圈按钮中插入一些大的文本，在另一个按钮中插入一个图像，以及一个垂直排列的标题。
这在Chrome上非常有效(我使用了来自的各种答案)：
但奇怪的是，它不适用于火狐和iPhone Safari (糟糕的对齐方式)：
如何解决这样的垂直对准问题？
.circlebtn { height: 5.4em; width: 5.4em; border-radius: 50%; background-color: black; color: white; text-align: center; cursor: point
浏览 3提问于2020-02-16得票数 1
回答已采纳
在谷歌了很多次之后，我无法在Javascript中找到queryCommandValue("FontSize")的解决方案。
我已经尝试过HTML CSS中的各种字体大小，如pt，px，em，mm等，
queryCommandValue("FontSize")返回从1到7的值，但我需要从5pt到48pt的值。
我用MSHTML写了一些代码，但那不是javascript。
有没有其他方法来实现这一点？
浏览 7提问于2013-12-05得票数 3
4回答
我有一个圆圈，里面有数字，我不能处理字体大小。
这是我的代码：
span.blue {
background: #5EA226;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
color: #ffffff;
display: inline-block;
font-weight: bolder;
line-height: 4em;
text
浏览 3提问于2015-04-15得票数 2
回答已采纳
2回答
我有一个图像，代表我的电子邮件地址。我希望这个图像具有与字体高度或线条高度相同的高度。所以我试了一下：
img.address { height: 1em; width: auto }
<p>My e-mail address is <img class="address" height="15" width="149" src="address.png" alt="[]" />.</p>
它似乎适用于桌面上的Chrome，而智能手机图像上的Chrome则比字体小得多。我不明白
浏览 5提问于2017-11-12得票数 2
回答已采纳
3回答
我试图在设计中使用em-单位，而不是px，这样它就可以很好地跨越屏幕/设备/等等。
我看到的是，当用em-单位来定义非字体的东西，比如“边距”或“填充”时，当我在同一元素中改变字体大小时，它会改变非字体元素。例如：
header {
font-size: 1em; # is default
margin: 1em; # will be 16pt
}
vs
div {
font-size: 2.5em;
margin: 1em; # is now 40pt?
}
所以我的问题是：
对于非字体元素，-em单元应该这样做吗？(我想是的，但只是检查一下.)
如
浏览 1提问于2016-03-17得票数 0
回答已采纳
在UIWebView中使用iOS 5和iOS 6下的iOS CSS属性时，我得到了不正确的行高。在iOS 5和IOS 6中似乎都有错误，但行为不同，我试图修复表示，以便在所有IOS版本上都能工作。
我想要实现的是:我正在将下面的HTML代码加载到一个UIWebView中。代码只设置所有文本的字体大小、行高和文本大小调整。
<html><head>
<style language="text/css">
body {
-webkit-text-size-adjust : 50%;
}
p {
font-size: 2em;
浏览 2提问于2012-10-31得票数 13
我有很多重定义字体大小的css类，例如：
.ko {font-size:2.2em;}
.szik {font-size:2.8em}
现在我用一个自定义的字体替换我的默认字体，我定义了一个新的字体：
@font-face {
font-family: BebasNeue;
src: url("http://acc-road.com/page/media/BebasNeue.otf") format("opentype");
}
我的问题是，旧的字体大小与新的不匹配，我最后一次重写所有代码的机会。我能很容易地解决这个问题吗？多么?
我尝试了这个解决方案，但它不起
浏览 2提问于2012-12-24得票数 0
回答已采纳
我有一个具有特定行高的块，其中我使用::before伪元素插入内容。
.block::before {
content:'text here';
}
这个效果很好。但是，如果我也给内容一个更小的字体大小
.block::before {
font-size:.6em;
content:'text here';
}
块体实际上会变得更高。为什么会这样呢？
.container {
display:inline-block;
}
.lorem, .ipsum, .dolor, .sit {
line-height:3em; borde
浏览 3提问于2014-02-05得票数 21
回答已采纳
我试着在网页上显示一个简单的标签菜单。我使用的是一个非常基本且使用良好的模式，它工作得很好，除了当我在Chrome中测试页面时(好吧，Chromium，但afaik是一样的)，我看到了一个1像素宽的伪像，但我似乎无法掩盖它。
下面是测试代码：
<!DOCTYPE html>
<html>
<head>
<title>One pixel menu bug</title>
<style>
body {
font-family: sans-serif;
margin: 0;
}
h1 {margin-bottom
浏览 0提问于2011-06-07得票数 0
回答已采纳
为什么em单元定义为实际用于呈现文本的字体，而ex单元使用的是第一种可用字体。
在我看来，用于计算ex高度的字体可能与实际用于呈现文本的字体不同。
引用规范：
第一种可用字体，例如在字体相对长度的定义中使用，例如“ex”和“ch”，或者在“行高”属性的定义中，定义为第一个可用的字体，该字体将匹配“字体-家族”列表中给定字体系列的U+0020 (空格)字符(如果没有可用的话，用户代理的默认字体)。
为什么算法要寻找空间来计算字母'x‘的高度？如果你能用外行的话来解释的话，将不胜感激。
浏览 3提问于2021-12-03得票数 1
回答已采纳
1回答
给定以下HTML，<p>元素的总高度是多少？我认为应该是1M，但似乎并非如此。低于基线的字母似乎位于字体高度以下的某种边距上。
<html>
<head>
<style>
p {
margin: 0;
padding: 0;
font-size: 1em;
font-family: serif;
border: 1px solid black;
}
</style>
</head>
<b
浏览 3提问于2014-10-06得票数 3
回答已采纳
他们会根据屏幕大小调整尺寸，
是的但很困惑
它们依赖于浏览器设置吗？哪种设置？
还是取决于屏幕分辨率？
或者帮助它依赖于什么，从哪里可以更改这些元素，以观察使用"em“时大小的差异。
浏览 6提问于2010-11-09得票数 3
回答已采纳
2回答
我注意到我的字体周围的内容区域没有居中。这会引起问题，因为我想将背景应用到页眉，但当不居中时，它看起来真的很难看。如果不在它周围放置另一个div包装器，有没有更好的解决方案来解决这个问题？另外，有没有人知道为什么某些字体会出现这个问题？
下面是我的CSS代码。
header h1 {
font-family: komika_axisregular;
font-size: 10em;
color: #f7f7f8;
margin: 100px 0 50px 0;
line-height: 0.7em;
background-color: rgba
浏览 0提问于2013-04-25得票数 0
回答已采纳
我试图在SMuFL应用程序中使用，但我对如何确定人员空间大小感到困惑。
根据SMuFL规范：
将em分为四部分，为五行字体提供了一个模拟:如果字体使用1000 upm (每em设计单元)，按照PostScript字体的传统，一个工作人员空间等于250个设计单元；如果字体使用2048 upm，就像TrueType字体一样，一个工作人员空间等于512个设计单元。
但是，我不确定如何在Java应用程序中找到"em“或"design units”。
在我的代码中，我正在加载引用字体(Bravura)，因此：
Font f = Font.createFont(Font.TRUETYPE
浏览 7提问于2022-09-07得票数 0
我想用CSS缩放一个字母到另一个元素的精确高度。例如，我可能希望文本与某些图像一样高：
我怎样才能做到这一点？
当我将字体大小设置为图像的高度时，字母就会变小.我可以手动调整它，直到它看起来相等为止，但是我想计算它。
我目前的解决方案是将线条高度设置为图像的高度，并根据字体度量来计算字体大小：
.the_image {
height: 28px;
}
.the_M {
line-height: 28px;
font-size: calc(28px * 2048 / 1490);
}
在这种情况下，字体度量是2048 UPM (单位每em)，
浏览 2提问于2015-04-07得票数 5
2回答
无论出于什么原因，小写字母o在我的文本区域都是不可见的。其他字母都能正常工作。如果我突出显示它，它仍然是看不见的。
______________ ______________
| | | |
| hello world! | shows as | hell w rld! |
|______________| |______________|
当我把表格贴出来或者复制粘贴的时候，‘o’就在那里了。
我只想列出所有有助于这个文本领域的东西，希望你们能提出可能出了什么问题的建议
浏览 4提问于2012-10-22得票数 3
回答已采纳
2回答
我目前正在做一个国际化的页面，仅对于日语，所有的字体都应该减少20% (因为与字母字符相比，日语汉字真的很大)。
我已经有了css规则，只有当它变成日语时才会改变fontsize，但我不能只用EM缩小它，因为我有标题，段落和许多其他大小的文本，使用(0.8em)以不同的方式缩小所有它们，而不是预期的行为。
我试过使用font-size: 80%。font-size: calc(auto - 20%)，它们都不起作用。
你还有其他的想法吗？我正在使用Sass ( scss)，以防它可能会很方便。如果不能使用Scss，我如何使用JS (可以是vanilla或vue)来实现？
浏览 3提问于2020-10-30得票数 0
2回答
示例：
我想做一个正负按钮使用css或文本或svg。
我在css中尝试了这一点，并使用了文本+和-符号，但发现这些符号从来没有对齐。问题是我可以让它在100%的变焦上看起来相当好，但是当变焦发生变化时，left和top值也需要改变才能使div重新集中。我还没试过svg。我只是想知道为什么这看起来不可能。
css
#container{
height: 1.5em;
width: 1.5em;
border-radius: 5px;
border: 0.1em solid black;
cursor: pointer;
}
.vert{
浏览 4提问于2012-07-26得票数 0
回答已采纳
1回答
我正在尝试使用对代码块进行斑纹。为此，我在代码块中指定了一个显式的line-height，并以该值的间隔交替颜色。
它对一些行很好，但是文本和条纹最终会停止排列。有谁知道这是为什么，以及它是否可以修复？
pre {
font-family: monospace;
font-size: 12px;
line-height: 1.4em;
background: repeating-linear-gradient(
to bottom,
transparent 0,
transparent 1.4em,
#ddd 1.4em,
#ddd 2.8em);
}
浏览 0提问于2015-12-18得票数 1
回答已采纳
1回答
我正在尝试制作一个具有不同类型行的表格，但我无法更改标题行下面第一行的高度和宽度。我怎样才能改变它呢？我试着设置高度，但没有任何区别，代码的高度只会根据字体大小而改变。 HTML代码： #
Name
Last
Buy/Sell Price
volume
base_unit
#
Name
Last
Buy/Sell Price
浏览 32提问于2021-03-02得票数 0
回答已采纳
11回答
有没有办法让font-size相对于页面的大小？将百分比作为单位引用标准字体大小(比如12px的90%，而不是页面的90%！)。这与大多数其他标签的行为不同。
有没有办法让页面‘放大和缩小’也有字体？我应该依赖em吗？
谢谢
浏览 1提问于2009-07-25得票数 26
回答已采纳
1回答
我一直在尝试为我的h1标签创建一个响应式布局。当我不改变它的font-size时，它工作得很好，但只要我放大字体大小，文本就会在缩小窗口大小后与background-image重叠。有没有解决这个问题的解决方案？
下面是我的代码：
body {
margin: 0;
padding: 0;
background-color: orangered;
}
.main-page-font {
background-image: linear-gradient(to left, blue, grey);
padding: 16em 10em;
ba
浏览 5提问于2021-11-13得票数 0
2回答
我有一个LOGFONT结构。现在，我要做的就是从LOGFONT高度获取相关的字体大小(以磅为单位)。
浏览 4提问于2010-05-31得票数 6
回答已采纳
2回答
当使用固定宽度字体时，我想以字符为单位指定元素的宽度。
"em“单位应该是M字符的宽度，所以我应该能够使用它来指定宽度。这就是一个例子：
<html>
<head>
<style>
div {
font-family: Courier;
width: 10em;
}
</style>
</head>
<body>
<div>
1 3 5 7 9 1 3 5 7 9 1
</div>
浏览 3提问于2011-11-18得票数 138
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
