摘要 今天小编跟大家讲解下有关css实现文本底部添加下换线 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css实现文本底部添加下

今天小编跟大家讲解下有关css实现文本底部添加下换线 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css实现文本底部添加下换线 的相关资料，希望小伙伴们看了有所帮助。

最近在开发项目，针对小程序前端，显示文本需要添加下划线问题，起初是通过border-bottom:1rpx solid #eee; 进行编写，但是总是觉得线的高度过于粗，移动端最小单位值是 1 即:1rpx 1px,高度设置0.3是不生效的，后面看到相关博客通过 scale进行划线，在这记录下：

<div class="line-bottom">zty</div>

css：

.line-bottom{ position:relative;}.line-bottom:after{ content:" "; position:absolute; left:0; bottom:0; width:100%; height:1px; transform:scaleY(.5); background-color:#eeeeee;}

来源：爱蒂网