代码
<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;}