English 中文(简体)
底线:1.5 和轴线-小时:50% 之间有何区别?
原标题:What s the difference between line-height:1.5 and line-height:150% in css?
  • 时间:2010-01-11 09:10:35
  •  标签:
  • css

谁知道?

最佳回答

短版:<条码>-八: 150%<>代码>为静态,<条码>-八:1.5为动态。 继承要素的影响更为明显。 例如:

传真

<div style="font-size: 12px">
    <span style="font-size: 24px">test</span>
</div>

本中心

div { line-height: 150%; } /* Computed line-height: 18px (150% * 12px) */
span { }                   /* Computed line-height: 18px (inherited directly) */

反对:

div { line-height: 1.5 }   /* Computed line-height: 18px (1.5 * 12px) */
span { }                   /* Computed line-height: 36px (1.5 * 24px) */

页: 1

问题回答

Both是等值。

<代码>line-hels: 1.5(无单位)将直线尺寸的元件乘以1.5/code>计算线高。

以下例子中的三项规则的行文高度相同:

div { line-height: 1.2; font-size: 10pt }     /* number */
div { line-height: 1.2em; font-size: 10pt }   /* length */
div { line-height: 120%; font-size: 10pt }    /* percentage */

现在请看。 页: 1

页: 1

  1. http://gregory.pakosz.fr/stackoverflow/2040694-number.html
  2. http://gregory.pakosz.fr/stackoverflow/2040694-percentage.html

括号中,括号为<1.5><>>条/代码>乘以实际体积。 该财产为子女继承和重新计算。 因为你改变了其实际体积。

在2月份,母体微粒(line-hages被设定为“代码>150%。 然后从<代码>div中继承<代码>span的计算寿命。 因此,150%这一继承的计算线体大小具有相同价值。

www.un.org/Depts/DGACM/index_spanish.htm 如@K 总理总结,可能取消:line-hal: 150%为静态,line-hal: 1.5为动态。

参考资料:

line-height:  normal | 

<number>| 

<length>| 

<percentage>

<>line-h 8,

<number>

所用数值是这个单位规模乘以元件。 计算值与规定的数值相同。 在大多数情况下,这是在遗产继承情况下确定无意外结果的分界线的首选方式。

<percentage>

与该元素本身的体积有关。 计算值是这个百分数乘以计算体大小。





相关问题
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: ...