宽度由内容决定
width:fit-content;
兼容性:
- IE浏览器和Edge浏览器不支持 fit-content 关键字
- Chrome 浏览器在2021年已经支持
- Safari 支持
- FireFox 支持
文字跟随宽度左右对齐
.item{
text-align: justify;
text-align-last: justify;
}
ios不支持text-align-last
兼容处理
.item:after {
content: '';
width: 100%;
display: inline-block;
}