css文字下划线能设置距离

作者: keknei | 来源:发表于2021-08-12 17:40 被阅读0次

有时候UI设计的时候文字下方会有一个下划线，所以我们经常用text-decoration:underline来设置一个下划线，但是呢，发现这个下划线和文字特么的重合了，来没法设置，只能用别的方法代替了，啪啪啪的写一大堆css

现在宣布：春天来了:text-underline-offset
这个css可以设置距离文字的距离，百分比，还有一个注意点就是一定要和text-decoration:underline一起使用，否则不起作用，下面看一个例子

html

<div class="underline">sdfjkdskjfsdfjkdskjfsdfjkdskjfsdfjkdskjfsdfjkdskjf</div>

css

.underline{
  text-decoration:underline;
  text-underline-offset:1em;
  /* text-underline-offset:18px; */
  /* text-underline-offset:10%; */
}
``

css文字下划线能设置距离
有时候UI设计的时候文字下方会有一个下划线，所以我们经常用text-decoration:underline来设置...
CSS 将超链接a标签的文本下划线去除
仅供学习，转载请注明出处设置去除下划线在css样式中设置 {text-decoration:none} 即可。...
SpannableString常用用法
1. 给文字设置前景色 2.给文字设置背景色 3.给文字设置删除线 4.给文字设置下划线 5.给文字设置上标 6....
怎样使用CSS设置文字与文字间距距离？
【文字与文字间距距离，字与字距离间距CSS如何设置？】如果你也遇到W3Cschool用户唐婷大小姐类似的问题不妨也...
hcXII(10-5~10-10)
文字排版--下划线有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a...
iOS 设置下划线与文字之间的距离
富文本丰富了UITextView和和UILabel的展示文本的形式设置下划线可以使用富文本进行设置，行了，闲话少说...
css 开发常用样式
下划线删除线首行缩进整段文字两端对齐 css文字超出一行就显示省略号 css文字超出部分，隐藏并显示省略号。...
第三天
css 文本设置：color 设置文字的颜色： color:red;font-size 设置文字的大小：font-...
文字下划线添加距离
CSS学习资源
基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

网友评论

本文标题：css文字下划线能设置距离

本文链接：https://www.haomeiwen.com/subject/arwlbltx.html

css文字下划线能设置距离