html怎麼設定行間距離

才智咖 人氣:1.87W

在html中很多人知道如何調解網站的行距,因為預設的行距給人的視覺是非常緊湊的,文章多了就造成不容易閱讀。那麼,html怎麼設定行間距離?下面就由小編給大家介紹介紹吧,希望對大家有幫助。

html怎麼設定行間距離

 html中的行距設定方法有以下幾種:

方法一、讓整個網站的行距變化,將下面的程式碼新增到head的中間:

這樣是整個頁面行距增加了原來的.2倍。你也可以設定line-height:150%、line-height:40px 等等方法。

方法二、只是讓部分網站頁面的內容行距增加:

用table佈局就用這個,變化line-height的數值。

相關知識 

用div佈局就用這個,變化line-height的數值。

我們可以用:

來設定一段文字內的行距.

但我們怎麼設定兩段文字之間的行距呢? 即

1 < p >一段文字

2 < p >第二段文字

之間的行距怎麼設定呢?我可以設成單倍間距嗎?

另外,line-height:100%是不是就是我們在Word中的單倍行距啊?

段與段距:

1 < p style="margin:20px" >一段文字

2 < p style="margin:20px" >第二段文字

也可以這樣寫文字內容,如果設定為1就是單倍行距了,2就是雙倍行距。

或文字內容,設定為100%就是單倍行距。

用就可以空一行了吧