English 中文(简体)
没有单车就退到行高度?
原标题:Drawbacks to line-height without unit?

在没有单位的检查线高度方面是否有任何缺点(浏览器/装置不一致...)?

示例:

body {

    line-height: 1.5;
}
最佳回答

在多数情况下,实际上最好使用无单单件的行高度,见:

当然,也有例外。首先想到的是,当您拥有一个块元素时,该元素有 已知的 < em> < code> < hileight 和 的一行文字 ,并且您想要垂直地将那行文字集中到该行文字中,我发现最简单的方法就是使用与块元素的 h8 相等的 < leight


[仅以防万一,对于不知道单元 line-leight 交易的任何人来说。 ]

假设您有一个有 font- size: 14px 的元素。 无论它是继承的还是继承的, 如果您自己设置它还是来自用户代理样式表, 它都无关紧要。 该元素有 font- size: 14px

现在,如果设置,让我们假设同一元素的 < code> line- leight: 1.5 。 这将被翻译成像素, 如 < strong > 1.5 * 14px = 21px 。 因此,您计算的 < code > line- leight 将是 < code>21px

问题回答

暂无回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...