CSS line-height 簡單教程

來源:互聯網
上載者:User

定義
 line-height  定義兩行之前的高度。

繼承:是

註:負值是不容許的。


JavaScript的文法
的CSS屬性也可以動態改變一個JavaScript 。

指令碼文法: object.style.lineHeight = “ 2 ”

來看個line-height執行個體教程吧.

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%

來看個執行個體.

<html>
<head>
<style type="text/css">
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
</head>
<body>

<p>


這是第一個標準線的高度。
預設行高在大多數瀏覽器是20px 。
這是第一個標準線的高度。
這是第一個標準線的高度。

</p>

<p class="small">


這是第一個大線的高度。
這是第一個大線的高度。
這是第一個大線的高度。
這是第一個大線的高度。

</p>

<p class="big">


這是第一個大線的高度。
這是第一個大線的高度。
這是第一個大線的高度。
這是第一個大線的高度。

</p>

</body>
</html>
會看到什麼效果呢.

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.