文字单行两端对齐效果

<style>
    .li{line-height:30px;overflow:hidden;width:200px;height:30px;text-align:justify;text-align-last:justify;border:1px solid black;}
    .li:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';}
</style>

<ul style="height:100px">
    <li class="li">我是谁</li>
    <li class="li">你又是谁</li>
    <li class="li">世界末日2012</li>
</ul>

转载于:https://www.cnblogs.com/huangcj/p/5653861.html