html - 如何将边框底部应用于多行文本?

标签 html css web

我为我网站上的所有 CAT 使用 border-bottom。一两句话就很棒。在尝试将其应用于不仅仅是句子的 CTA 时,单词在移动设备上中断,而 border-bottom 仅影响句子的最后一行。如何使 border-bottom 影响文本行?我不想为了悬停时的过渡而使用下划线,事实上下划线并没有给我想要的 1px 边框。

查看桌面、移动和选项卡的图像 here

最佳答案

这似乎对我有用!

.underline {
  border-bottom: 1px solid black;
}
<span class="underline">Read more on research, empathy and personas on Medium</span>

关于html - 如何将边框底部应用于多行文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44432503/

相关文章:

html - 使用CSS水平对齐不同高度和未知宽度的元素

http - 由于乐观锁定失败,使用哪个 HTTP 状态代码来拒绝 PUT

linux - 为什么没有www就无法访问网站?

python - 使用Python更新HTML文件中4个值的值

HTML/CSS 在侧边菜单右侧添加下拉菜单

javascript - Dojo 过滤小部件数据溢出

html - <hr> 行出现在相对 div 下方

CSS 图像位置

javascript - 如何在鼠标悬停时围绕 div 元素创建边框

CSS responsive font-size for different viewports 计算解释