Question

我有兴趣创建一系列非常接近的点，就像他们在Bloomberg网站上拥有它一样：http://www.bloomberg.com/markets/commodities

我该如何创建？我特别不知道如何在行之间创建紧密的紧凑线。

.underlined {
    border-bottom: 1px dotted #000;
    text-decoration:none;
    padding:0px;
}

提前致谢！

Answer 1

该解决方案可以在此链接中找到

https://codepen.io/aleprieto/pen/nAmIy

my $myvar = "foo";
my $x = "my";
my $y = "var";

print ${$x$y};  # output is foo?

Answer 2

检查元素

段

.dots {
line-height:17px;
  }
.dots:before{
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQIW2P83Sf3n7XoESMjAxQAADjFBAPqoJzEAAAAAElFTkSuQmCC) repeat;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    content: "pattern dots";
    height: 1.25rem;
    width: 100%;
    display: block;
}

<div class="dots"></div>

如何创建紧密排列在一起的多行点？

2 个答案:

段