![]() |
1
19
取自 catchmyfame : “这是怎么做到的?基本上,字段标签被包装在一个DIV中,该DIV有一个点的小图像,作为背景在X方向重复应用。这将导致点在文本下流动,从而使效果无效,然后文本本身被包装在一个范围内,该范围内的背景色设置为与包含元素的背景色匹配。这是CSS:
要将此应用于示例表单,只需将其用作:
image 为圆点 |
![]() |
2
43
这是我为这个dot leaders问题找到的最好的CSS唯一解决方案: http://www.w3.org/Style/Examples/007/leaders.en.html HTML
CSS2/CSS3
|
![]() |
3
7
可以将 classic technique of "leaders" described by the w3c 多亏了 @nootrope 带着flexbox的喜悦。 这里有一个替代方法 Modern Browsers and IE 10+ .演示: http://jsfiddle.net/tbm62z6L/2/
这是一种非常灵活的显示前导点的方法,使用当前字体,不需要使用图像。 |
![]() |
4
6
建立在
@Nico O
S
answer
不需要非语义的
我们利用这样一个事实,即我们可以根据需要订购flex容器的子元素,并且伪元素的行为类似于其定义位置的子元素。关键是
这项工作将一直持续到
|
![]() |
5
5
我混合了几个例子来创建一个我认为很好的解决方案。不依赖背景色来隐藏前导点。也适用于IE8。 http://jsfiddle.net/westy808/g0d8x8c5/1/
|
![]() |
6
3
许多这种CSS黑客不适用于Transtarent背景或困难。你可以用现代的弯曲和背景渐变来画点(看起来更光滑,然后是桌子上的点)。 这样地:
|
![]() |
7
2
这里是我的方法,使用带点边框样式的元素而不是图像或内容,使其灵活,并将其放在“链接”和“章节”之间。
|
![]() |
8
1
准确地说,W3C有一个工作草案描述了您正在寻找的功能 http://www.w3.org/TR/css3-gcpm/#leaders 甚至在2005年,一份单独列出的清单也为它发表了一篇文章。( http://www.alistapart.com/articles/boom )不幸的是,它似乎对我不起作用,我也没有找到更多。但也许值得记住的是,在不久的将来,有一天只使用CSS是可能的:) |
![]() |
9
0
点 { 显示:内联块; 宽度:325px; 空白:nowrap; 溢出:隐藏!重要事项; 文本溢出:省略号; }
|
![]() |
10
0
我参加晚会迟到了,但我们最近不得不在工作中这样做,结果我使用了这样的模块: http://codepen.io/ryanve/pen/rrBpJq
使用标记
或
|
![]() |
11
0
点引线可以在没有跨距或类的情况下完成。下面是一个针对HTML表的响应式解决方案,修改后使点引线垂直居中: http://codepen.io/Paulie-D/pen/bpMyBQ
|
![]() |
12
0
其他的解决方案对我都不起作用。以下是我的解决方案:
Leader Dots: http://jsfiddle.net/g0d8x8c5/127/
|
![]() |
13
0
很好的问题和答案。
我发现,当需要交替的背景色时,这些工作答案中的许多都会失效。
这是基于Nootrope在本页上的优秀解决方案。如果需要,可以重新添加他们的“领导”课程。
使这项工作发挥作用的主要部分是
还要注意,在
希望这对你有帮助。 |
|
YunusoviÄ · 我无法用css更改html段落颜色 1 年前 |
![]() |
Blake · 无法使用CSS旋转Angular 15中的字体图标 1 年前 |
![]() |
Phil Lucks · 如何制作边界的外半径? 1 年前 |
![]() |
roy_meir · 创建自定义下拉式元素 1 年前 |
![]() |
Community wiki · 如何为触摸设备优化网站 1 年前 |
![]() |
tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿? 1 年前 |
![]() |
manofconstsorrow · 点击导航项目关闭汉堡菜单 1 年前 |