html中P標籤段落與CSS段落間距距離調整

在網頁中文章段落一般我們用html

標籤來分段。蒐集整理這篇文章只是因為某一個網站因為p標籤使用，卻在不同瀏覽器下有著不同的效果，為了盡可能地保持同一效果，特簡單整理了一下文章。使用html的P標籤上一段文章與下一段文章中間就會產生距離，如何控制P與P之間間距呢？

一、line-height行高

我們對line-height的值設定越大，段落間距將會增大，同時字與字行距也會增加，不建議使用此line-height樣式設定。

css程式碼：

p{line-height:22px}

二、css padding內補白（內邊距）

可以建議使用padding設置段落上下間距。透過設定上下內補白，內距離即可實現p段落上下間距設定。

css程式碼：

p{padding:10px 0}

三、css margin外邊距

CSS段落間距調整之margin實作上下段落之間距距離樣式設置，我們知道margin是設定上下左右物件與物件之間距離設置，這裡段落也可以使用此css樣式實現間距。

css程式碼：

p{margin:10px 0}

四、段落間距總結

網站文章分段，一般使用html p標籤，而對分段間距設定我們建議使用padding和margin實現，這樣可輕鬆調間距距離，實現段與段之間距離排版美化。

 

以上是html中P標籤段落與CSS段落間距距離調整的詳細內容。更多資訊請關注PHP中文網其他相關文章！