【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

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM