个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
28
4
我有一些关于视觉内容的问题，可以在附件(在 Firefox 中使用 CTRL-+ 查看放大的视觉内容在左侧生成它的代码)。让我们命名视觉从上到下用数字 1、2、3、4、5 和 6 列出的内容。我对这种情况有几个问题，例如:
一个。如何为仅包含一行的框测量行高 以及它如何与框高度(和任何字体属性)结合产生 视觉效果？
B.为什么图片1中图片的最顶部有一些黄色空间， (放大查看)图 2 和图 3 中缺少哪个？这在哪里 空间来自，因为我似乎没有在任何地方指定它。怎么会 图 1 接触到盒子的顶部，而图 2 和 3 没有？
C.为什么盒子 2 的高度不同于盒子 5 的高度(以及盒子的高度 方框 3 与方框 6 的高度不同)。毕竟，行高是一样的 这两种情况，除了为嵌套图像指定垂直对齐之外， 没有别的不同。那么指定vertical-align或不指定如何改变 外箱的高度？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<p style="height: 200px; width: 200px; background: yellow; line-height: 200px;">
<img src="images/jellyfish.jpg" width="100" height="100" /></span>
</p>
<p style="width: 200px; background: yellow; line-height: 100px;">
<img src="images/jellyfish.jpg" width="100" height="100" />
</p>
<p style="width: 100px; background: yellow; line-height: 100px;">
<img src="images/jellyfish.jpg" width="100" height="100" />
</p>
<hr />
<p style="width: 200px; background: yellow; line-height: 399px;">
<img style="vertical-align: middle;" src="images/jellyfish.jpg" width="100" height="100" />
</p>
<p style="width: 200px; background: yellow; line-height: 100px;">
<img style="vertical-align: middle;" src="images/jellyfish.jpg" width="100" height="100" />
</p>
<p style="width: 100px; background: yellow; line-height: 100px;">
<img style="vertical-align: middle;" src="images/jellyfish.jpg" width="100" height="100" />
</p>
</body>
</html>
CSS 2.1 规范在 http://www.w3.org/TR/CSS2/visudet.html在第 10.8.1 节中说:
Note. When there is only one value of 'line-height' for all inline boxes in a block container box and they are all in the same font (and there are no replaced elements, inline-block elements, etc.), the above will ensure that baselines of successive lines are exactly 'line-height' apart. This is important when columns of text in different fonts have to be aligned, for example in a table.
D.好的，行高是不同行上字体基线之间的高度， 从而有助于线之间的空间。但是这个 line-height 如果 只有一根线？我想规范没有说明的是，在考虑 最上面一行，行高将延伸到容器的顶部，创建 顶部的额外空间。
E.如果我在线上有图像，那么(字体)基线是否正确？ 将与图像内容框的下边缘对齐，即 图像周围的盒子模型生成的盒子中显示的图像？ 或者是否也有可能实现其他效果，如果可以的话如何实现？
谢谢。
最佳答案
为了结束讨论，我决定回答这个问题假设可以在上面的评论中找到此帖子详细信息的答案。
问候。
关于vertical-alignment - 请帮助理解 line-height 和 vertical-align CSS 2.1 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19623094/
28
4
0
我试图通过屏幕截图捕获带有突出显示的元素，但在屏幕截图中，该元素不带有突出显示。有谁知道解决办法吗？当我捕获文本时会出现突出显示:automatests@gmail.com 查看我的代码: Utili
大家好，我是编码的新手，我正在和一位老师一起上 Java 入门课，希望您已经了解一切。我必须对冰雹序列进行编码，它表示为: 选择一些正整数并将其命名为 n。如果 n 是偶数，则将其除以二。如果 n 是
如果存在名称相同的SCOM组，则尝试制作一个请求更多信息(组ID)的脚本: function myFunction { [CmdletBinding()] Param(
我有这张表: id | CUPNAME | FRENCHNAME 1 | 2 | null 2 | null | 4 我想从非空的 CUPNAME 和 FRENCHNAME 中提
我是 Collection View 的新手，想知道这是否是创建它们的最佳方式，我还想了解一些关于从哪里转到启用分页的详细 View 的建议。 #import "MarbleCollectionVie
好的，这是非常好的 jquery slider 。 http://srobbin.com/jquery-plugins/pageslide 我所做的是 http://mbu.mn/test 问题来了。
...有人可以解释一下区别吗？ 我在命令提示符下输入的内容: sys.path.append('M:/PythonMods') import qrcode myqr = qrcode.make("ra
我不时在我的服务器上运行 bash 脚本，我正在尝试编写一个脚本来监视日志文件夹并在文件夹超出定义的容量时压缩日志文件。我知道有更好的方法来做我目前正在尝试做的事情，非常欢迎您提出建议。下面的脚本抛出
我是 Groovy & Grails 的新手，我觉得事情不必那么难看……那么我怎样才能让这段代码更好看呢？ 这是一个 Grails Controller 类，去掉了一些无趣的部分。尽量不要太挂断我的
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
在这个查询中，除了 5 个连接表之外，我试图使用第 6 个表“Days”将值与连接中的三个表进行比较。但它给了我错误，我不能在连接中使用子查询。 select a.ID, a.Name, a.AMT,
我不想通过 Xpath 提取，我想要更清晰的代码。谢谢我的世界兄弟 来自 Xpath，好的!! Assert.assertEquals("Digite um e-mail ou número de t
这个问题已经有答案了: Google Map is not loading due to inflate exception (3 个回答) 已关闭 9 年前。 我知道有很多关于此的帖子，但我就是无法
我的问题.. a.) 使用内存分配创建一个 float 组来存储 GPA 分数10名学生。为其分配值(您的选择) b.) 找出该数组中的最大 GPA。 c.) 将此数组的内容写入文件 alloc.tx
我最近要制作 Sequelize 。 我有 2 个表，data_track 和 car_detail。我想尝试关联那 2 个表，但它从未关联过。 总是返回错误SequelizeEagerLoading
我有一些代码在 LINQ 中根本无法工作的问题，但它确实可以作为一个简单的 for..each 工作。任何解释和解决方案将不胜感激。 我有 3 个类，Users、User 和 UserPermissi
我正在设计我的第一个大型数据库，并想检查我是否可以提供表关系。 我正在设计一个网络应用程序，其中 用户可以在团队中玩游戏 每个游戏都有其类别 用户为游戏创建他们的团队并选择他们的团队类别 每个游戏都启
我很抱歉成为一个 CSS 菜鸟，希望有人能指导我正确的方向。 我需要帮助的网页可以在 http://filefx.com 找到 当您点击该页面时，您会注意到“选择文件”图标和“上传文件”图标不在同一行
我已经尝试过这个我在网上找到的演示代码练习并创建了这个 slider ，使用滚动条更容易获得它，因为它们已经是为此制作的脚本。现在我正在尝试修改此脚本及其 css，以将滚动条更改为左右两侧的箭头。我已
最近我对 CSS 很感兴趣。学习不同的东西。 我正在尝试像这样放置三个 div: http://i.stack.imgur.com/miN9G.png 我得到的: http://i.stack.img
我是一名优秀的程序员,十分优秀！