css两端分散对齐

1、容器内子元素分散对齐

准备一段html

<ul><li>111</li><li>222</li><li>333</li><li>444</li></ul>

css样式

ul{text-align: justify;}li{display: inline-block;list-style: none;}ul:after {content: "";display: inline-block;position: relative;width: 100%;}

效果

2、容器内文字分散对齐

span{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;}