调整/补偿CSS中奇怪的字体行高
调整/补偿CSS中奇怪的字体行高是指在网页开发中，当使用某些特定字体时，可能会出现字体行高不一致或奇怪的情况。这可能导致文字显示不正常，影响网页的美观性和可读性。
为了解决这个问题，可以采取以下几种方法：
- 使用line-height属性：通过设置合适的行高，可以调整字体的垂直间距，使其看起来更加均匀。可以使用具体的像素值或百分比来设置line-height属性。
- 使用vertical-align属性：该属性用于控制元素的垂直对齐方式，可以通过设置合适的值来调整字体的行高。常用的值包括top、middle、bottom等。
- 使用font-size属性：字体的大小也会影响行高的表现，可以尝试调整字体的大小来达到更好的效果。
- 使用reset.css：有时，浏览器的默认样式可能会导致字体行高的问题。可以使用reset.css文件来重置浏览器的默认样式，以确保字体行高的一致性。
- 使用特定的字体：某些字体在不同浏览器或操作系统中可能会有不同的行高表现。可以尝试使用其他字体或字体库来解决字体行高的问题。
在腾讯云的产品中，与字体相关的产品和服务可能包括字体库、字体识别、字体压缩等。具体的产品和服务可以根据实际需求进行选择和使用。
相关·内容
2回答
我使用SIFR 3.0已经有一段时间了，字体大小似乎从来没有正确工作过。我理解SIFR背后最基本的概念。当您加载页面时，SIFR将运行。它会做一些计算，一个HTML呈现字体的大小，然后用一个与这个大小大致相等的flash电影替换它。因此，您希望将HTML字体的样式尽可能地与您的SIFR字体的大小相匹配。
我的问题总是出现在试图对这两种字体大小进行匹配时。假设我想使用Helvetica Neue的SIFR字体，大约在32 at。HTML的等价物类似Arial，大约在36 is，带有一些负的字母间距。所以我就是这么做的。
在sifr.css中，我将写：
@media screen {
.sIF
浏览 2提问于2010-01-08得票数 0
我在Gridsplitters上遇到了一个奇怪的问题，我一整天都在努力解决这个问题，但是无论是文档还是Google都没有真正帮助我解决这个问题。
问题是，我有一个具有多个网格划分器的网格，其中一些行具有不同的高度单位。其中三行有具体的高度值，一行有一颗星让它“吸收”所有剩余的空间。
不幸的是，这引发了一些奇怪的网格分裂行为。基本上，试图通过操作第5行中的网格拆分器来设置GridRow 4和6的高度，不会影响第6行(底部行)的高度。相反，它操作第4行和第2行，并与第3行中的网格拆分器重叠。
如果我将所有行高设置为特定的像素高度，网格分割器都可以正常工作，但这允许网格在屏幕边缘以外生长，这并不是我
浏览 2提问于2019-02-25得票数 0
回答已采纳
1回答
每当我在我的桌子上添加字体-令人敬畏的图标时，我的表行的高度就会增加。我正在使用引导程序4和字体-令人敬畏的4.7.0
<table class="table table-bordered table-condensed table-stripped">
<thead>
<th></th>
<th>Product</th>
<th>Price</th>
<th>Category</th>
浏览 1提问于2018-07-31得票数 3
回答已采纳
1回答
使元素占用所有可用空间
、、、、
JSFiddle：
情况：
带有字母的瓦片是动态生成的，并添加到绿色区域。使用CSS，它们使用flex排列在div中。当屏幕调整大小时，字母会重新排列以适应新的分辨率。
目标：
如果屏幕很大，字母应该通过缩放占用更多的空间，但仍然保持它们的纵横比。
更新：
如果字母可以放在一行上，则应居中并缩放，直到绿色区域的-most被接纳(彼此不重叠，从而考虑到边距)当需要两行时，字母应均匀分布并缩放(根据两行之间的可用空间)
问题：
我假设仅使用CSS是不可能的。与JS的混合匹配将是大势所趋。问题是:到底是哪种方式？
我已经包含了一个额外的函数(adjustLetters)，如果有必要，可以在其中进行一
浏览 0提问于2015-06-04得票数 5
(这个问题最初引用了w3c学校，我已经更正了这一说法)
CSS line-height值可以设置如下：
<number>属性的使用值是这个数字乘以元素的字体大小。负值是非法的。计算值与指定值相同。
<percentage>属性的计算值是这个百分比乘以元素的计算字体大小
所以line height = font-size × number或者line height = font-size × percentage ÷ 100%，应该是一样的。
线高是遗传的。
但是，我注意到，增加字体大小的嵌套元素会产生完全不同的行高，如下所示：
C栏(蓝色)是我所期望
浏览 4提问于2015-10-07得票数 3
回答已采纳
我正在尝试在有约束的故事板中使用自定义字体缩小UITextView。我可以很容易地动画边界和字体大小。但是，由于它是自定义字体，字体更改在较大的大小时会变得非常不稳定。我认为这可以通过更改UITextView的transform来完成。然而，这似乎不起作用。文本视图在高度上是自动调整大小的，但宽度使用固定的常量(随字体大小/转换一起设置动画)。这个go可以控制文本视图行的断点。
我已经尝试了下面所有建议的解决方案，但都没有成功。要么视图保持边界，要么分辨率降低。或者边界减小，但比显示的字体大小更快，从而导致裁剪。
我还尝试将文本视图放在一个placeholderview中，在那里我还设置了高
浏览 65提问于2017-06-19得票数 0
回答已采纳
4回答
我记得我读过一个样式指南，解释每个元素的适当行高应该是什么。我在谷歌上找不到。
如果有人能将我链接到这样的指南上，或者在答案中解释一下，我将不胜感激。
谢谢!
编辑:对不起，请让我澄清一下。我问的不是如何使用CSS来设置行高，而是各种元素的建议行高是多少。例如标题、段落文本等。
谢谢!
浏览 1提问于2010-02-15得票数 7
回答已采纳
1回答
我从一个客户那里收到了一个OTF格式的字体(Calibre)，以便在web应用程序中使用，但是它的“行高”有些奇怪(或者你叫它什么？)文件的。实际的文本溢出了顶部的dom元素，并在下面留下了一堆空间，造成了各种各样的丑陋。在CSS中有什么方法可以弥补这个问题吗？
浏览 18提问于2019-08-02得票数 0
7回答
我经常在我开发的网站中嵌入Web字体(@字体-face)，直到今天我还没有遇到过重大问题。
事实上，我觉得线条高度有一个很大的问题，我的英语不是很好，所以我会尝试用图片来说明。我已经联系了来自fontshop.com的支持(字体是在那里购买的)，但是他们似乎并不理解/解决问题。
我们以前使用的标准桌面字体(=呈现对我们有好处)：
字体面板的内容( CSS样式表中没有变化)：
这里是CSS:
#content h1 {
background:#000000;
color:#FFFFFF;
font-family:"DINPro-Bold"
浏览 2提问于2012-10-17得票数 15
我在网页上创建了一个特定的功能，要求CSS溢出在Chrome和Firefox之间保持一致(理想的是IE也是如此)。当使用像Arial这样的普通web字体时，没有问题，但是一旦我开始使用google字体，我就会看到CSS溢出的不同之处。
下面是一个演示：，这是一个固定宽度的div，带有一些示例文本。"Playball“是谷歌的字体。
#box {
height: 160px;
width: 200px;
border: black 1px solid;
font-size: 2em;
font-family: 'Playball',
浏览 4提问于2012-04-04得票数 4
回答已采纳
1回答
我正在尝试将定制的Google字体添加到Tumblr页面中，但它们并没有在手机上生效(iOS 7)。奇怪的是，他们在我的笔记本电脑上工作得很好。我在head标签的末尾添加了这一行：
<link href='http://fonts.googleapis.com/css?family=Dosis:700|Lato' rel='stylesheet' type='text/css'>
我也有
font-family: "Dosis", "Helvetica Neue", HelveticaNeue, Ari
浏览 3提问于2014-02-26得票数 1
回答已采纳
3回答
我正在看的一个主要网站的CSS似乎有一个奇怪的方式来管理他们的字体大小在css中。首先，主体选择器具有以下内容：
body {
font:62.5%/1.5 Helvetica,Arial,FreeSans,sans-serif;
}
然后，获得它们所做的h2字体的自定义大小：
h2 {
font-size:3em;
}
如果您在这两处更改字体指令，则h2的字体大小将更改，并且看起来不正确。因此，他们显然是通过这些指令的组合来管理字体大小的，我想知道他们为什么要这样做.
问题：
为什么h2字体不简单地凌驾于身体字体之上？就像身体字体在它的大小上起着乘数的作用.这个设计的动机是什么？
谢谢你，乔
浏览 3提问于2010-12-11得票数 0
回答已采纳
1回答
我正在制作一个受美国宪法启发的网页，我遇到了一个奇怪的CSS问题。下面是相关部分的内容：
这是我的HTML：
<span id="we-the-people" class="ui image">
<img src="/images/we-the-people.png">
</span>
<span id="preamble">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah
浏览 3提问于2017-09-14得票数 0
回答已采纳
我有一个项目，他们给我提供了一个具有以下css的起始站点：
h1 {
//more styles...
font: 20vmin/1 FontNameBold;
}
这是我第一次遇到像font: 20vmin/1 FontNameBold;这样的东西，这在css中应该做什么呢？
他们还在说明书中说：
排版
标题21/48 FontNameBold
主体16/48 FontNameBold
所以，是的，我理解一个是标题，另一个是身体，但是21/48到底是关于什么的呢？这是我第一次发现这样一个特殊的，相当困惑。
浏览 2提问于2015-10-09得票数 3
回答已采纳
我遇到了一些与动态大小的单元格、自动布局和大小类有关的奇怪问题。我的测试项目完全基于Ray的教程。似乎唯一的区别是UILabels的字体大小为大小类。当我在某个大小类中为标签设置另一个字体大小时，高度计算是错误的。我做了截图来说明这一点。
如果单元格的高度计算错误：
通过正确的单元格高度计算：
此外，我还将推到了github。
编辑：
ViewController.m
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
retur
浏览 0提问于2015-05-19得票数 1
回答已采纳
因此，我在我正在处理的页面上有一些文本，每当文本太长，需要包装时，字体大小也会增加近200%。更奇怪的是，它只在文本需要换到第三行时才会这样做。在两行，它仍然正常工作。我正在Chromev43.0.2357.81设备模式下测试这一点，以模拟手机。它也只在设备模式下这样做。我已经看过了我所有的代码，所有的CSS规则，我找不到是什么导致了这一切。
以下是文本不超过两行时的样子。
字体大小的计算值在这里是25 be，这是应该的。
在添加另一个"blah“使其包装后
现在字体大小是46.9195327758789px。
当设置为字体大小的倍数时，线条高度也保持不变.它仍然停
浏览 0提问于2015-06-01得票数 2
回答已采纳
我知道垂直对齐问题在这里一次又一次地出现。我创建了一个账号来发布这篇文章，所以希望我能证明我的要求是合理的。我已经搜索了几十个其他帖子和方法来寻找修复方法，但似乎无法获得/理解。
我使用的是骨架框架。我只是想把我的h1和我的nav>ul>li对齐。也许这与我的问题有关，比如当我尝试使用父div具有相对位置而子div具有相对位置的修复时。好吧，它不起作用。
从技术上讲，我可以只对h1应用填充，但这不是很低效吗?比如说，如果我改变了h1的字体系列或大小，它将需要我像素级地偷看我的屏幕，看看我是否可以将它填充回垂直居中的位置。
有什么建议吗？我仍然是CSS的新手。谢谢你的耐心。
下面是我
浏览 1提问于2013-09-26得票数 3
我正在为我的网站使用Lucida Grande字体，当我将字体大小放大时，比如30px，两个相邻行中的字体在某种程度上重叠。如何使用CSS在这两行之间设置间距？
浏览 0提问于2010-09-01得票数 4
回答已采纳
2回答
描述：
有12 hours日的垂直时间线。
身高是720px。
从第一眼看，标记应该如下所示：
<div style="margin-top:0px;">
9:00
</div>
<div style="margin-top:60px;">
10:00
</div>
...
<div style="margin-top:60px;">
11:00
</div>
发生了，我们应该考虑到font-size。
因为它更多，而不是更少的应该是margin-top属
浏览 3提问于2012-08-02得票数 1
回答已采纳
4回答
使用css缩放字体的正确方法是什么？那么兼容性呢？也许自定义字体文件本身会更好？
例如，我需要缩放Avenir字体116%的垂直比例和105%的水平比例。
浏览 10提问于2016-04-28得票数 1
回答已采纳
1回答
我有一个HTML代码下面。
<div style="height:300px; width:300px; background:#000 ">
<div style="padding:30px">
<select id="keywordsearch" class="upperslect">
<option value="1">ABC</option>
<option value="2" >De
浏览 1提问于2012-08-17得票数 0
我正在使用著名的TokenInput，我正在重新设计CSS，我想让"X“看起来更大，但是文本不会与它保持一致，并停留在底部。知道我该怎么做吗？我有点困惑。
更新：
我现在已经在CodePen上发布了一个工作演示(当时JSFiddle已经关闭，但这也相当不错)。
谢谢
CSS:
/*actual token created*/
li.token-input-token-facebook
{
overflow: hidden;
height: auto !important;
height: 15px;
margin: 2px;
浏览 2提问于2013-01-25得票数 1
回答已采纳
1回答
我无法理解CSS中的一件事。
据我所知，直线高度通常被用作中间垂直对齐的黑客。在一种情况下，它不起作用，只有经过彻底的实验，我才发现原因，这是相当令人费解和烦人的。
那么问题是什么呢？
看看这个例子：
#outer, #outer-bug {
height: 35px;
line-height: 35px;
border: 1px solid black;
}
#outer-bug {
font: bold 15px Arial;
}
#outer {
font-weight: bold;
font-size: 15px;
font-
浏览 2提问于2014-02-14得票数 2
回答已采纳
1回答
我在我的博客/网站上使用wordpress。我使用来自woothemes的Freshnews主题作为博客的主题。
这是链接：
字体不是很好，它太小了，间距也不好(太拥挤了)。
如何在整个博客中更改字体、大小、间距(行和段落)。
我知道我必须在样式表中的某个地方更改它。但是，具体在哪里以及如何实现呢？
有什么方法可以做到这一点呢？
我应该在什么地方安装字体吗？
我应该使用webfonts (像google webfonts一样)吗？使用它的优势是什么？
或者其他的方式是什么？
浏览 1提问于2011-10-26得票数 0
使用此HTML和CSS：
code {
background-color: grey;
padding: 2px 7px;
line-height: 24px; /* this doesn't seem to do anything, but added anyway */
}
p {
line-height: 24px;
}
<p>test 1</p>
<p>test <code>2</code></p>
第一段的高度为24 if，而第二段的高度为25 if，即使两者具有相同的线高和计算
浏览 3提问于2016-04-28得票数 4
回答已采纳
1回答
我希望我的图标在我的文本旁边垂直居中，但有奇怪的大小差异，这使它变得困难。
为什么我的图标字体呈现这些奇怪的大小差异？
我使用Bootstrap中使用的图标字体方法(使用psuedo元素: put将内容放入)。
这是<i class='icon'></i>大小。
这是<i class='icon'></i>：之前的大小。为什么会有所不同？
HTML：
<h2>
<i class="ss-picture"></i>
Creatives
&
浏览 0提问于2014-12-18得票数 0
我在windows 7上使用PyCharm 2016.1，其地区设置为中华人民共和国-中文。
在“快速文档”窗口中，第2行看起来很奇怪(一些中文-SimSun字体？)不过，最后一行没问题。
我怎样才能改变这些奇怪行的字体呢？
(侵入某个罐子中的一些CSS？)
我已经将编辑器字体更改为Consolas (它的默认值也是奇数SimSun)
浏览 0提问于2016-07-12得票数 7
回答已采纳
2回答
嵌入式字体行高问题
、、、
我在垂直菜单中使用了嵌入式字体(tex gyre adventor)。由于行高/重叠(见下图)，菜单项的悬停行为不能正常工作。当我尝试更改链接的行高属性时，没有任何反应。
使用像Arial这样的常规字体效果很好(顶部/底部的空间更小-请参见图像上的蓝色方框)。你知道怎么解决这个问题吗？
浏览 2提问于2014-01-08得票数 0
CSS中的line-height属性是如何工作的？如果我将line-height设置为等于或小于字体大小，就会产生布局宽度的问题。
我使用的字体大小为14px，行高为14px。如果将line-height更改为15px或更大，问题将得到解决。line-height不应该只改变高度，而不是干扰宽度吗？
请看下图，正如你所看到的，#wrap的宽度是300px，现在由于行高的原因，宽度为150px的两个div不适合它。我已经检查了火狐和chrome的最新版本。
浏览 0提问于2011-09-22得票数 1
回答已采纳
4回答
不同浏览器的包装器文本溢出？
、、、、
HTML
<div class="text-wrapper">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
CSS
.text-wrapper{
width:100px;
height:45px;
overflow:hidden;
float:left;
border:1px solid #CCC;
}
在火狐上看起来很流畅，有两行，但是如果我用chrome或者ie9打开页面，第三行line.How的上半部分似乎是两行，我能解决这个问
浏览 0提问于2012-12-05得票数 0
在Avenir Safari中有一个奇怪的行为，iOS字体的特定字体粗细为900会在字符fi的右侧产生额外的空格。
我试过使用'Avenir Heavy‘，它对应于该字体的粗细，但问题仍然很明显。不过，它不会出现在任何其他字体粗细上，只出现在900粗细上。我尝试使用-webkit-font-kerning，-webkit-font-smoothing，letter-spacing，但是都没有解决这个问题。
有没有一种只有CSS的方法来解决这个问题呢？或者这是字体/浏览器本身的问题？
谢谢。
浏览 1提问于2017-06-28得票数 0
1回答
我正在寻找一种比断点更精确的解决方案。我知道这需要JavaScript，但我很难找到合适的插件。
我的网站上的大多数文本将保持不变，或者我会简单地通过媒体查询来调整它(比如平板电脑和移动设备上90%的文本)。这很好，但我正在为我的导航菜单和横幅等领域寻找一个“实时”的解决方案。
你可以看到我的所有文本都是相对的，并且使用了ems，基本字体大小为100%
如果你调整网站的大小，你会注意到当字体变得太大时，菜单会“崩溃”。我渴望找到一个JS解决方案，它可以相对于导航栏的宽度向下调整文本的大小，这样我就可以始终将所有内容都放在一行上(在移动宽度下，它将进入一个折叠的菜单)
浏览 0提问于2013-04-17得票数 1
好的，我有一个列表(<ul>)，然后在每个<li>元素中我有一个<a...>
下面是适用于<a>标记的所有CSS项
.search_area li a {
font-size:11px;
}
sResCntr li {
list-style-type:none;
}
body {
font-family:Arial;
}
一切看起来都很棒，直到我把字体大小:11px放进去。问题是超链接换行到列表中的多行(这很好)。但是当我减小字体大小时，超链接的最后一行与其上方的行之间的间距总是比其他行大。所有其他行看起来都很好，但最后一行看起来有1
浏览 3提问于2010-04-15得票数 0
回答已采纳
我一直在开发的一个网站最初是使用XHTML1.0过渡版创建的--然而，由于我不喜欢它，我切换到了HTML5文档类型。
当我刷新页面时，由于某种原因，页面上的文本发生了细微的变化。
当行高低于某个像素(通常是字体大小)时，它将停止工作。这打破了我为登录用户设置的菜单的视觉对齐方式。例如，如果字体大小设置为14像素，当您知道1px应该有超过1px的任何字体大小的重叠文本时，line-height:14px;将显示与line-height:1px;完全相同的内容。
你可以在删除，过期的测试登录是：-> / Test来查看演示。菜单显示您登录的位置(即登录后)。
对于如何让行高做出正常的反应有什
浏览 0提问于2012-07-10得票数 1
回答已采纳
3回答
我试图为以"drop_“开头的所有元素设置Jquery”行高“css值。当我运行相同的代码将“行高”替换为“字体大小”时，它将正确更新，但无法获得要更新的“行高”。有什么主意吗？
$.each($('[id^=drop_]'), function(index, value) {
alert($(this).css("line-height"));
$(this).css("line-height", "3.5px");
alert($(this).css("line-height"));
});
浏览 0提问于2017-01-30得票数 0
回答已采纳
我正在尝试创建一个具有HTML/CSS/Javascript的可编辑文本框，该文本框的外观和功能类似于打印的文本框，每行都显示行。
它必须是这样的，因为表格可以打印在纸上，让人们在纸上写字。
我看到了这种方法的三种方法：
表格行，每行都带有“边框-底部”，并使用javascript来确定文本溢出的时间，并将光标移动到下一行的输入框。这种方法可能不太准确。
在包含文本的div/ text区域下面绘制绝对定位的线条。
使用CSS3重复梯度绘制div/ to区域后面的线条。就像这样：。不过，这种方法只与现代浏览器兼容。
哪种方法是最好的，为什么？
浏览 8提问于2011-11-16得票数 2
回答已采纳
1回答
如何对列表进行挂起缩进，使左边距保持不变，缩进的行向右缩进。 请看下面的示例： .custom-list {
padding-left: 16px;
margin: 15px 0px;
padding-bottom: 2px;
/*text-indent: -22px ;*/
} <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title&
浏览 10提问于2020-06-04得票数 0
回答已采纳
6回答
在我正在开发的新new应用程序上使用自定义字体时，我遇到了一个奇怪的问题。
这种自定义字体(FF DIN)似乎具有自然垂直的中线高度，这迫使我放置一些填充顶黑客，以补偿顶部空间上的元素，如按钮和输入。
示例:绿色字体(Helvetica Neue)正确对齐，我们使用的自定义字体(FF DIN)垂直偏离中心：
是否有任何已知的方法可以自然地在CSS上解决这个中心问题，从而强制字体基线行为？
谢谢。
浏览 10提问于2015-01-23得票数 34
回答已采纳
1回答
我在matlab中使用uitable。在这个GUI中，在每次处理之后，行和列都是可选的，因此我不能使用uitable的位置属性。当我绘制表格时，一些区域仍然是空白的，它的位置也总是在图形界面图形的左下角。图像如下：
我想从表中删除空白区域，即表根据行和列自动调整大小。
我怎么能这么做？
浏览 9提问于2017-04-05得票数 3
回答已采纳
2回答
我有一个文本区，我想使用+和-按钮更改文本的字体大小。
我知道如何使用javascript/jquery更改字体大小。这一切都很好用。然而，我的问题是，随着字体大小的增长，它开始从文本框中伸展出来。第一行的上半部分将隐藏在文本输入区域的顶部栏下。我试着根据字体大小的增加成比例地调整行高，但似乎没有解决问题
下面是我的代码：
HTML
<div style="color: #0D1E28">
<a href="#" id="minustext">-</a>
<a href =&#
浏览 3提问于2011-08-27得票数 0
回答已采纳
经过几个小时的调试和杂乱无章的处理，我发现不可能在不同的浏览器上一致地将字体垂直对齐。如果字体的垂直度量值很差，它可能会被渲染得太高或太低，看起来很糟糕，尤其是在按钮内部。单独使用css是无法解决这个问题的。
您可以通过这个网站上的测试来检查字体的垂直度量： (只需下载一个测试并替换该字体)。
这就是我得到的结果。上面的测量标准很差，下面的指标是正确的：(两者都有固定的线高)
在其专家模式的生成器中为较差的垂直度量提供了一个修正。不幸的是，我必须使用的字体属于微软(SegoePrint)，并被列入了生成器的Fent松鼠黑名单。
更新：
把问题弄得更清楚。这就是我现在面临的情况：
我正
浏览 3提问于2015-11-10得票数 12
回答已采纳
是否有一个简单的css属性来设置没有缓冲区的线条高度？css线高度css属性可用于控制线上文本上方和下面的空间。然而，消除缓冲区似乎是一个尝试和错误的问题，并调整行高属性。css是否支持一个简单的属性来删除这个空间而不需要尝试和错误？类似于行高缓冲区的东西:无属性？
浏览 3提问于2016-10-03得票数 0
回答已采纳
我正在尝试使输入看起来像纯文本。其目的是绘制一个范围，当用户单击它隐藏的范围时，它将显示一个看起来像纯文本但可由用户编辑的输入。
在Chrome和Firefox中，我不能去掉顶部和底部填充，即使我将填充和边距CSS属性设置为0。
我的CSS看起来像这样：
input.myInput {
font-family: "segoe ui";
font-size: 20px;
padding: 0px;
margin: 0px;
outline: none;
border: 0px;
vertical-align: baselin
浏览 1提问于2012-05-04得票数 7
回答已采纳
当我试图为我的网站创建一个文本徽标时，我遇到了这种奇怪的情况。
在桌面浏览器(Firefox51，Chrome56，IE 11.576，Edge38)中，徽标工作得很好，它看起来像我们设计文档中指定的像素一样完美。
但在移动设备中，行高属性似乎不能正常工作。Opera可以很好地呈现它，但是Firefox和Chrome不能像预期的那样工作。
手机截图图片相册，因为我仍然没有足够的声誉：
这是专用于该徽标特定部分的CSS代码：
#LogoGeek {
display: inline-block;
background-color: rgb(90, 186, 71);
font-fami
浏览 9提问于2017-02-27得票数 0
4回答
行高与字体大小不匹配
、、、
当我有两行不同字体大小的文本时，它们会重叠。看看这个例子：
所有的'j‘和'g’都隐藏了第二行的to。它对所有主要字体都是这样做的。
为什么会这样呢？我能做些什么来避免这种情况呢？
编辑:我知道'em‘是什么意思，我知道如何使用页边距，我知道如何增加行高，我知道JSFiddle的重置css的效果，这不是我的问题。我的问题是:为什么'j‘的底部在文本框之外？看起来就像我在第二行写上了负边距-顶部(除了我没有，默认情况下看起来是这样的)。有没有办法把字体放在盒子里。
EDIT2:似乎是浏览器的问题！我在Mac上使用chrome 21.0，我看到：
浏览 15提问于2012-08-08得票数 12
回答已采纳
我对我的主导航中的一个列表项使用图标字体。
我将这个图标放入它自己的类中，并给它一个字体大小，以便它与导航的其余部分相匹配。我还必须为图标字体指定一个特定的行高，这样它才能对齐。
现在的问题是，当我将鼠标悬停在图标上时(我使用的是背景色)，当你悬停在图标上时，下面会有一个可见的间隙。如果我不使用背景色，这不是问题，但我真的想保留它。
为了说明我的意思，你可以在这里看到图像...
有什么想法可以纠正这个问题，这样当你悬停的时候，下面就不会有缝隙了？
我已经在这里上传了HTML和CSS。
浏览 0提问于2012-10-13得票数 1
回答已采纳
6回答
下面的例子很好地总结了这一点。
这段代码：
<h1 style="background-color:#F2D680">
K
</h1>
<h1 style="background-color:#BAC9A9">
T
</h1>
产生：
如您所见，字母K发生了位移(其最左边的边缘没有与T的最左边的边缘对齐)
有没有什么CSS技巧可以克服这种错位？
浏览 0提问于2014-10-16得票数 0
我想为所有类型的属性创建一个独立的css文件，如标题颜色、字体大小、字体系列、列颜色、堆栈颜色、饼色。因此，不需要在所有页面中更改这些css，只需更改css文件，它将适用于所有页面中的所有图表。任何解决办法。
浏览 5提问于2015-08-30得票数 1
回答已采纳
我在我的web项目中使用的字体很少。当我在Windows浏览器中时，一切都很完美，当我在Linux和Mac浏览器中时，字体的位置离中心有点远，看起来就像是被推高了，像素很少。这让我很恼火，因为它真的很明显，而且设计看起来很奇怪。
对此有解决方案吗？也许是黑客或者别的什么..。
这是我的@font-face fonts 的按钮代码片段，我不知道如何在jsfiddle中放入字体，这就是我上传到dropbox的原因。
浏览 0提问于2012-04-03得票数 3
回答已采纳
3回答
我有一个CSS网格布局-对于这个问题，我将使用一个简单的示例-> 1行，4列(2个区域)。在网格区域，我有一个不同字体大小的文本。我想把文本彼此对齐，但我搞不清楚。我没有找到类似的问题，但可能我搜索了错误的短语。 编辑:两者都必须与底线对齐。计算字体大小。代码和示例已修改。 .timer {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr auto auto 1fr;
grid-template-areas: "status status status timer"
浏览 28提问于2020-01-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
