1. 程式人生 > >【CSS】如何設定行距、段落間距、縮排格式

【CSS】如何設定行距、段落間距、縮排格式

在使用MarkDownHere的時候,需要利用CSS編輯各個段落的格式,本文記錄了CSS中編輯格式的各個屬性及其設定。

行距

行距一般使用line-height: value;來表示,比如要設定行距為2則可利用下面的屬性:
line-height: 2em;
其中em為相對當前元素的大小,同時也可以使用px pt為單位設定,互相轉換
在這裡插入圖片描述

段間距

段間距主要是利用margin來設定,其中margin: top right bottom left,為了避免賦值錯誤建議在四個位置都填上相應的數值。例如要設定上下段間距為2em的情況:
margin: 2em 0em 2em 0em

設定上下邊距
在這裡插入圖片描述

縮排

段落縮排可以使用兩個屬性來控制,一個是text-align: justify(兩端對齊), center(中), left(左), right(右),另一個還是使用margin來控制,這時候需要用到左右兩個位置的元素:
margin: 0em 1em 0em 1em !important; 這時候設定段間距為0兩端各縮排1em的情況,這樣可以使得字型在手機螢幕上不會太擠向邊緣影響效果。
在這裡插入圖片描述


CSS段落間距調整 P標籤段落上下距離如何設定:https://blog.csdn.net/lin74love/article/details/62883243
CSS中margin和padding的上下左右:https://blog.csdn.net/s464036801/article/details/8085543

picture from pexels.com

在這裡插入圖片描述