使用css after 如何在一段文字中的某个字符的下方添加一个盒子 使其结果类似于添加下划线

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用css after 如何在一段文字中的某个字符的下方添加一个盒子 使其结果类似于添加下划线相关的知识,希望对你有一定的参考价值。

我尝试用下面代码做
a:after
content:"";
display: inline-block;
position: relative;
top: 12px;left: -50px;
width: 80px;
height: 5px;
background-color: red;

但是,尽管达到了下划线效果,但是字符之间产生了80px的距离 请问如何修改 或是有没有其他方法

参考技术A 应该aposition: relative; a:afterposition: absolute;本回答被提问者和网友采纳 参考技术B 变成display:block;

sql语句如何去掉一段特别长的文字最后一个字符?

eg:
测试XXXXXXXXXX这里是一段n长的数字'
但是后面有个引号,有很多这样的数据 如何写一个sql改掉

如果只有一个单引号想去掉,可以用这个:
update 表名 set 列名 = replace(列名,'\'','')

如果确定在最后一位,可以用这个:
update 表名 set 列名 = left(列名,CHAR_LENGTH(列名) - 1)
望采纳,谢谢
参考技术A SQL里面有字符串操作函数,每个数据库不同,查一下帮助吧
祝好运,望采纳

以上是关于使用css after 如何在一段文字中的某个字符的下方添加一个盒子 使其结果类似于添加下划线的主要内容,如果未能解决你的问题,请参考以下文章

CSS3伪元素伪类选择器

css伪选择器使用总结——css中关于伪类和伪元素的知识总汇

css里怎么设置让一段文字隐藏,然后鼠标悬停又出现那段字,如果要用js的话,请把代码详细一点的写出来

伪元素::before与::after的用法

编写html中如何将中间某一个字符改变字体颜色?

用C语言编程,如何查找一段文字(有英有汉)中的某些英文单词,并统计其数量