css如何实现两⾏⽂字居中左对齐
背景
在开发过程中，我们的样式是上下两⾏都是居中的，例如【1】；UI要求，上下两⾏居中，但是要左对齐，例如，下⾯的数字，要跟上⾯的第⼀个字对齐。
解决办法
我只是突然想到了⼀个 fit-content的css属性，但是了解地还不是很透彻，等以后了解透彻了再来补充。
思路如下：
在两⾏⽂字外包⼀层div，设置⽂字或者数字较⼤的⼀⽅为最⼤宽度，设置居中，⽂字左对齐。
css如下：
max-width:fit-content;
margin: 0 auto;css设置文字垂直居中
text-align:left;
即可实现，注意事项：
fit-content兼容性不好，要做好浏览器兼容.
2020-12-21
后续：果然是出现兼容性问题啦，edge和ie根本⽆法兼容，然后我略微⼀思索，觉得⾃⼰彷佛⼀个。
简单的办法为啥不⽤
display: inline-block;
text-align: left;
inline-block就是会把整个的宽度变成最长的宽度，直接设置就⾏了，我为什么要绕远路。。。。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。