糯米文學吧

位置:首頁 > 設計 > 網頁設計

html怎麼設置行間距離

在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%就是單倍行距。

用就可以空一行了吧

標籤:HTML 行間 設置