Question

我正在寻找一些关于CSS问题的论坛，但我找不到足够具体的东西，所以我们走了！

我使用Jenkins，当我生成一个生产/测试差异时，它就会出现它自己的格式。不幸的是，因为它使用空格来分割表中的不同列，所以提取数据会变得有点烦人（空格数根据测试的数量而不同）。

有没有办法，通过直接在我的浏览器中输入CSS样式，用＆＃34;替换任何多个空格出现;＆＃34;？

这是一个快速解释的例子：

690621               0.25            None       None                 0
8701820               0.25            None       None                 0

这就是我想要的：

690621;0.25;None;None;0
8701820;0.25;None;None;0

有可能吗？如果是这样，最好的方法是什么？理想情况下，它可以是一个解决方案，可以在培训过程中给出（例如易于复制和粘贴的东西）。

非常感谢！

Answer 1

如果你真的不能用JS做，你可以通过将代码放在容器中，并将容器的字体大小设置为＆＃34; 0＆＃34;来破解它。然后将元素的字体大小设置为您想要的任何大小。

然后，使用:after伪选择器在每个项目后添加分号。运行下面的代码段。

注意：由于所有这些空白区域都有一个类，您还可以将显示设置为＆＃34; none＆＃34;对于CSS中的那个类。唯一的问题是每个项目之间会有一个空格，因为它们是独立的内联元素。如果你不介意一个空间（或者如果你想要一个空间）那将是另一种方式。

＆＃13;

.container {
  font-size: 0;
}
.kwd, .lit {
  font-size: 16px;
}
.kwd:not(:last-of-type):after, .lit:not(:last-of-type):after {
  content:';';
}

＆＃13;

<div class="container">
    <span class="lit">690621</span>
    <span class="pln">               </span>
    <span class="lit">0.25</span>
    <span class="pln">            </span>
    <span class="kwd">None</span><span class="pln">       </span>
    <span class="kwd">None</span><span class="pln">                </span>
    <span class="lit">0</span>
    <span class="pln"></span>
    <span class="lit">8701820</span>
    <span class="pln">               </span>
    <span class="lit">0.25</span>
    <span class="pln">            </span>
    <span class="kwd">None</span>
    <span class="pln">       </span>
    <span class="kwd">None</span>
    <span class="pln">                 </span>
    <span class="lit">0</span>
</div>

＆＃13;

使用浏览器样式删除/替换多个空格

1 个答案: