UI设计中,文本底部添加下换线
程序员文章站
2022-07-04 09:32:28
最近在开发项目,针对小程序前端,显示文本需要添加下划线问题,起初是通过border-bottom:1rpx solid #eee; 进行编写,但是总是觉得线的高度过于粗,移动端最小单位值是 1 即:1rpx 1px,高度设置0.3是不生效的,后面看到相关博客通过 scale进行划线,在这记录下: ......
最近在开发项目,针对小程序前端,显示文本需要添加下划线问题,起初是通过border-bottom:1rpx solid #eee; 进行编写,但是总是觉得线的高度过于粗,移动端最小单位值是 1 即:1rpx 1px,高度设置0.3是不生效的,后面看到相关博客通过 scale进行划线,在这记录下:
<div class="line-bottom"> zty </div>
.line-bottom{ position:relative; } .line-bottom:after{ content:" "; position:absolute; left:0; bottom:0; width:100%; height:1px; transform:scaley(.5); background-color:#eeeeee; }
上一篇: 大数据学习如何从入门到精通?这些系统路线你看了吗?
下一篇: 那对夫妻瞬间不吱声了