当前位置: 首页 > 面试题库 >

如何增加CSS中文本和下划线之间的距离

燕文昌
2023-03-14
问题内容

使用CSS后,如果text-decoration:underline应用了文本,是否可以增加文本和下划线之间的距离?


问题答案:

不可以,但是您可以使用border-bottom: 1px solid #000padding-bottom: 3px

如果要使用与“下划线”相同的颜色(在我的示例中为边框),则只需省略颜色声明,即border-bottom-width: 1pxborder-bottom-style: solid

对于多行,可以将多行文本包装在元素内的跨度中。例如,<a href="#"><span>insert multiline texts here</span></a>然后添加border-bottompadding<span>-



 类似资料:
  • 问题内容: 我在我的盒子中使用虚线样式边框 我想增加边框的每个点之间的空间。 问题答案: 此技巧适用于水平和垂直边框: 您可以使用背景大小调整大小,并使用线性渐变百分比调整比例。在此示例中,我有一条虚线为1px的点,间距为2px。这样,您也可以使用多个背景使用多个虚线边框。 在这个JSFiddle中尝试一下,或者看一下代码片段示例:

  • 问题内容: 我敢肯定有一个解决此问题的简单方法。基本上,如果我有两列,如何在它们之间添加一个空格? 例如,如果html是: 输出将是彼此相邻的两列,占据了页面的整个宽度。假设将宽度设置为,则每个div都会很宽。 如果我想在两者之间留出空间,该如何实现?显然,通过引导程序自动使div大小成为补偿大小的每个大小 问题答案: 您可以使用此处记录的类来实现列之间的间距。间距是一致的,因此所有列均正确排列。

  • 如何在flatter-insidewidget中为文本加下划线? 在

  • 问题内容: 已关闭 。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗? 更新问题,以便通过编辑此帖子以事实和引用的形式回答。 去年关闭。 为什么有人会比其他人更喜欢lodash.js或underscore.js实用程序库? Lodash似乎是下划线的替代品,下划线的使用时间更长。 我认为两者都很出色,但是我对它们的工作方式还不甚了解,无法进行有根据的比较,我想进一步了解它们之间的差异。

  • 问题内容: 我在matplotlib中有一个简单的绘图,我想增加标题和绘图之间的距离(不使用,因为它不适用于我在服务器上使用的版本)。怎么做 ? 问题答案: 似乎没有一种直接设置此设置的干净方法(但是可能需要添加功能请求),但是标题只是一个艺术家,因此您可以深入并进行更改。 应该可以。根据自己的喜好进行调整。

  • 问题内容: 可以仅更改文本下面的线条颜色?我想看到类似红色字母的下面有一条蓝线的东西,但是我找不到如何完成它的方法。 问题答案: 您可以通过以下CSS规则作为示例: 如果较旧的浏览器不支持此规则,则可以使用以下解决方案: 用底线设置单词: