css宽度固定 文字两端对齐效果

实现如下文字两端对齐效果

在这里插入图片描述

对汉字:
方法一:

view {
	 width: 110rpx;
	 text-align: justify;
	 text-align-last: justify;
	 text-justify: distribute-all-lines;  /*兼容ie*/
}

方法二:

view {
   width: 110rpx;
   text-align: justify;
}
view::after {
    content: "";
    display: inline-block;
    padding-left: 100%;  // 或者 width: 100%;
}

对数字和英文: 需要使用空格将数字和英文间隔开,再使用以上方法

猜你喜欢

转载自blog.csdn.net/xiamoziqian/article/details/130554422