css实现文本两端对齐的方法

效果如图

效果代码

<ul>
	<li>大道至简</li>
	<li>菩提</li>
	<li>只可意会</li>
	<li>不可言</li>
</ul>
<style>
ul li{
	width:100px;
	height:30px;
	list-style-type: none;
	background: orange;
	line-height: 30px;
	margin:5px 0;
	padding:0 10px;
	box-sizing: border-box;
	text-align-last: justify; // 实现属性
}
</style>