.justify { text-align: justify width:200px font-size:15px color:red border:1px solid blue height:18px}
.justify > span { display: inline-block /* Opera */ padding-left: 100% }
</style>
<div class="justify">hello,text justify.</div><br/>
<div class="justify">hello,text justify.<span></span></div><br/>
<div class="justify">中文两端对齐</div><br/>
<div class="justify">中文两端对齐<span></span></div>
px是像素，em则是大写字母M的宽度。英文字体是有等宽字体和比例字体之分的，等宽字体的每个字符的宽度是相同的，而比例字体则不同，M的宽度要比i宽很多，因此在不同字体下，1em的实际宽度是不尽相同的。1em并不是固定等于多少像素的，是根据元素的字体大小而定，如果是等宽字体，1em就是1个字符的宽度，如果是比例字体（只有英文字体才有）则1em等于英文大写字母“M”的宽度。操作方法如下：
1、首先新建一个html和css文档。
2、chrome默认是16px大小。
3、1em就是继承父元素不变。
4、2em这里就是32px。
5、1rem在这里也是16px，因为浏览器默认16px。
