700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【CSS】如何设置行距 段落间距 缩进格式

【CSS】如何设置行距 段落间距 缩进格式

时间:2020-03-25 16:50:46

相关推荐

【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标签段落上下距离如何设置:/lin74love/article/details/62883243

CSS中margin和padding的上下左右:/s464036801/article/details/8085543

picture from

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。