个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
24
4
CSS 规范指出，行高应通过将指定值除以二并将结果应用到文本行的上方和下方来应用于文本。
这与对行距的传统理解有很大不同，这通常意味着间距仅在文本行上方“添加”。 (我知道这不是 100% 正确，因为 line-height 实际上并没有增加空间，而是设置了行的高度；但是，这样描述问题更简单)。
考虑这个示例标记:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p
{
margin:0;
font-size: 13pt;
line-height: 15pt;
}
h1
{
margin:0;
font-size: 21pt;
line-height: 30pt;
}
</style>
</head>
<body>
<h1>Title</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<p>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</body>
</html>
如果line-height等于传统理解的leading，那么<h1>之间的距离第一个<p>将等于 <p> 之间的距离的，因为这个距离是由前导定义的。然而，这种情况并非如此。
<p> 之间的距离s 保持一致( p's line-height - p's font-size = 15 - 13 = 2pt )，<h1> 之间的距离第一个<p>不同:它等于(p's line-height - p's font-size)/2 + (h1's line-height - h1's font-size)/2 = (15 - 13)/2 + (30-21)/2 = 5.5pt .
如果使用浏览器处理上述标记，肉眼很容易注意到这一点。
问题在于，在页面上保持垂直视觉节奏的传统方法是将元素的行距设置为基本行距的倍数。如上所示，该方法在 CSS 中不适用。
我有 3 个问题:
更新:非常感谢您的投入!请注意，我提出了自己的解决方案，如有任何评论，我将不胜感激:https://stackoverflow.com/a/8335230/710356
最佳答案
是的。这不是很简单，但是使用 position:relative;，你可以让事情正确排列，例如:
h2 {
font-size: 36px;
line-height: 48px;
position: relative;
top: 6px;
}
这是一个正在进行的工作 demo
设计 CSS 的人不是排版师。这可能不是故意的。
关于typography - 传统行距和 CSS 行高，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8334859/
24
4
0
我是 Redis 的新手，我现在正在尝试制作一个登录功能来学习它。 假设我在传统 SQL 数据库中有一个名为 User (id, username, password) 的表，设计 Redis 的正确
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题？通过 editing this post 添加详细信息并澄清问题. 5年前关闭。 Improve this
我刚刚遇到了具有所有天赐优势的 NoSQL 系统。其中之一似乎是毫不费力的水平缩放。我的问题是，为什么像 MySQL 或 SQL Server 这样的经典 RDBMS 不能进行水平扩展？或者无法做到与
问题 Although you can explicitly check if a value is true or false, it's a convention in JavaScript to
用于突发错误纠正的 ECC 如何工作？ “突发错误检测”是指一种技术，可以检测(例如)任何一个 [或两个] 64 位连续位序列中的任何位错误组合。 我需要概念上的解释，而不是数学。 我研究了几种用无穷
我试图向学生说明传统 IO 和 java 中的内存映射文件之间的性能差异。我在互联网上的某个地方找到了一个例子，但我并不是很清楚所有的事情，我什至不认为所有的步骤都是必要的。我在这里和那里阅读了很多关
如何在 PhpStorm 中自动将短数组语法转换为长数组(传统)？ 我使用了PhpStorm中的“代码->检查代码”功能，然后一键将短语法转换为长语法。 检查代码 手动转换 必须有一种方法来自动化这项
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我发现 Light Table 是尝试 Clojure 语言的好工具。 它有一个方便的功能叫做 Instarepl - ;;您在此处输入的任何内容都将立即执行，结果显示在右侧。 但是，我找不到使用旧式
我们有一个经典的 ASP 应用程序，所有数据都是使用表格呈现的(是的，我们正在努力将其转换为 DIV，但我们离那还有一段距离)。我们设置了一个标准的表格宽度，通常这可以正常工作，但有些元素的大小可以由
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 7 年前。 Improve
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 6年前关闭。 Improve this
这只是一个一般性问题。传统的 ajax 和 jquery ajax 哪个更好？因为当我使用 jquery ajax 时，它似乎在 IE 中做了一些奇怪的事情。它应该是一个跨浏览器库......所以我对
所有这些都是为了丢弃MVC Controller 的问题。 这是ajax的代码: $.ajax({ //tipo de transferencia t
我知道它可能应该是另一种方式(OSGI 运行时托管 Java EE 服务器)，因为它是 apparently already possible with glassfish. 但是，我们的客户在管理传
作为具有一些 winforms 和客户端应用程序经验的人 - 是否值得回去学习传统的 ASP .NET 页面的工作方式，或者直接进入 ASP .NET MVC 是否可以？ 我正在寻找我对 C# 的一般
如果我错了，请纠正我:在传统的Web应用程序中，浏览器会自动将 session 信息附加到对服务器的请求中，以便服务器可以知道该请求来自谁。实际上到底附加了什么？ 但是，在基于 API 的应用程序中，
我正在使用Eclipse neon 3，当我导入一个使用WebSphere Application Server传统V9.0作为运行时环境的项目时，它显示了一个错误，宣布 Target runtime
背景: 我的 REST 服务项目是使用 Hibernate 启动的。我在域类中使用 id (Long) 作为 rest url 中标识符的一部分，例如: http://abc.com/customer
在 Scheme 中递归构建列表时，我看到两种类型的示例散布在互联网上。其中一个新值附加了 append每一次迭代。另一个在每次迭代前都添加一个新值 cons然后列表完成后reverse被调用一次。
我是一名优秀的程序员,十分优秀！