【CSS】如何設定行距、段落間距、縮排格式
阿新 • • 發佈:2018-12-11
在使用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