张文保的博客
张文保 · Paul Zhang

Engineering the Future
功不唐捐,玉汝于成

段落开头自动空两格CSS代码

网页内容中遇到大量的中文段落时,排版需要为每个段落前空两格或者往右缩进两格,以符合中文阅读的习惯,不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了,如下代码所示:

.box{text-indent:2em;}

或者

<div style="text-indent:2em;">你的文章内容!</div>

如果网页模板加了这个CSS代码的话,就不会傻到在编辑器里编辑内容时要每个段落前都键入两个全角空格。

TAG标签
CSS

相关文章
本文标题:《段落开头自动空两格CSS代码》
网址:https://zhangwenbao.com/automatically-empty-two-lattice-css-codes-at-the-beginning-of-a-paragraph.html
作者:张文保
发布时间:2018-02-25
许可协议:CC BY-NC-SA 4.0
发表新评论
SSL安全认证