css - 【挑战】如何通过CSS实现多行文本两端对齐的下划线？
【挑战】如何通过CSS实现多行文本两端对齐的下划线。
要求：
1、文字行数是可变的。
2、下划线颜色和与文字的间距可调。
如图所示。
text-decoration border background-image都可以尝试。
共有2个答案
骚操作：使用伪类，在最后一行加一条线就行
一般来说就是借助 background-image 的渐变色来实现。比如说：
// stylusdiv line-height 25px font-size 14px text-indent @font-size * 2 background linear-gradient(white (@line-height - 1), black 0); background-size 100% @line-height然后使用 background-size 和 background-repeat 属性进行重复就好了。
这里是在线Demo
-
本文向大家介绍用css怎么实现两端对齐？相关面试题，主要包含被问及用css怎么实现两端对齐？时的应答技巧和注意事项，需要的朋友参考一下 对于文字，利用 实现文字的两端对齐 对于元素，利用 和 实现元素的两端对齐 示例代码： https://codepen.io/Konata9/pen/GRKeroR?editors=1100
-
问题内容： 我需要一个在其右边具有较大笔触的h2。像这样： 我正在努力以最佳的响应方式来完成它。更不用说它在自定义WP主题中，因此我不想创建大量的页面标记，以使客户端立即中断:) 问题答案： 您需要一个元素和一个伪元素。PS它反应灵敏。 说明：在这里，主要部分是在元素上使用，然后使用带有属性的伪元素创建虚拟元素，并将其放置在设置为的父元素上。
-
本文向大家介绍text-align:justify实现文本两端对齐 兼容IE，包括了text-align:justify实现文本两端对齐 兼容IE的使用技巧和注意事项，需要的朋友参考一下 对于text-align 我们再熟悉不过了，可是它有个justify属性，平时很少用到，就鲜为人知了。justify是一种文本靠两边布局方式，一般应用于书刊杂志排版；合理运用text-align:justify
-
问题内容： 可以仅更改文本下面的线条颜色？我想看到类似红色字母的下面有一条蓝线的东西，但是我找不到如何完成它的方法。 问题答案： 您可以通过以下CSS规则作为示例： 如果较旧的浏览器不支持此规则，则可以使用以下解决方案： 用底线设置单词：
-
问题内容： 要格式化我使用的段落，但是我有一个问题，单词之间有很大的间隔，对于IE，解决方案是使用，但是Chrome不支持此功能，我的问题是我应该对Chrome和Firefox使用什么 问题答案： 考虑使用连字符（手动，CSS，服务器端或客户端JavaScript），请参见例如答案。是否可以使用CSS在行尾加连字符来证明文本的正确性？当文本中的单词较长时，连字符会很有帮助。 您仍然可以保留，因为它
-
我的文本从divs顶部对齐有问题。 以下是HTML： 以下是CSS： 如何制作文本 Lorem Ipsum Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界的标准虚拟文本... 是否从.txt div的中心对齐？谢谢你的帮助