网站内容段落前面空两格

建站教程

代码

<div class="context"><p>第一段</p><p> 第二段</p></div>

css部分

.context p{
text-align: justify; text-justify: inter-ideograph; text-indent: 2em;
}

*其中text-align:justify; text-justify:inter-ideograph;设置文字两端对齐,显得文字更加整洁有序*

如果有图片也会缩进去2em,这时候可以对p里边的img单独定义,css代码如下

图片居中,不受p 2em的约束,图片不会撑破上级容器尺寸

.content p img{display:block;
max-width:100%;
text-indent:0;
margin:0 auto;}

也许您对下面的内容还感兴趣: