场景:
经常在活动规则或者是注意事项中需要用到一种排版
实现方法一:代码
li {
padding-left: 0.8em;
line-height: 2;
text-indent: -0.8em;
}
<li>1. 活动期间通过活动页下载XXAPP并在XXAPP使用XX账号登录的用户可获得5元XX搜索返利红包;</li>
缺陷:
因为1.和2.占用的位置不同。所以可能2.第二行就不能对齐了。
经常在活动规则或者是注意事项中需要用到一种排版
li {
padding-left: 0.8em;
line-height: 2;
text-indent: -0.8em;
}
<li>1. 活动期间通过活动页下载XXAPP并在XXAPP使用XX账号登录的用户可获得5元XX搜索返利红包;</li>
因为1.和2.占用的位置不同。所以可能2.第二行就不能对齐了。