text-indent: 首行缩进

注：仅对块级元素有效，对行内元素与图像之类的替换元素无效，但块级元素中有图片，会跟着一起缩进

提示：那行内元素首行缩进，给第一行设置padding实现

实现：还蛮以为可以用伪元素span:first-line，但是伪元素只适用于块级元素

总结：同一个属性，都有使用场景，脱离了这个场景就很难看

text-align: justify用法

1、该属性可以继承；

2、对于每一行而言，

text-align:justify;     

控制除了最后一行的两端对齐效果

text-align-last:justify;    

这个才是控制最后一行的两端对齐

3、从原理来说，上面都对，但从实现上说，又有那么点矛盾

两端对齐：肯定对应的是单行， 并且该行字数小于父级宽度

既然是单行，单一的text-align-last:justify 就可搞定
但是不兼容，所以最完美的写法是这样的

.justify {
    text-algin: justify;
}
.justify:after {
    content: "";
    display: block;
    width: 100%;
}

4、上面方法单独使用都可以，但不适用于兼容，所以最终实现

实现原理：

1、text-align: justify; //实现除最后行的两端对齐

2、text-justify: inter-ideograph; //和上一句结合用兼容IE

3、在行尾加一空标签

<span></span>;

设置

span {
display: inline-block;  
width: 100%;    

}

模拟最后一行，不能是block(效果上来看，是新行，但却是一个块级，不是紧贴上一行的一行)
//inline-block在一行显示，但宽度太大，挤到下一行

4、设置父框 height和overflow

5、为了兼容Firfox和Safari，两端对齐的问题中要有空格