帕格（玉）额外的空间添加格式化标签之间吞噬建设

我使用Gulp，webpack和帕格（玉）。问题在于dist-code由于在构建时格式化而具有额外的空间。帕格（玉）额外的空间添加格式化标签之间吞噬建设

伪代码：

label 
    each item in items 
    span 
     if kkk == 2 
     =item[1] 
     else 
     abbr(title='ttttttt') 
      =elem

所得（DIST）。html的是这样的：

<label for="ааааа">set to 
    <abbr title="Scalable Vector Graphics">SVG/</abbr> 
    <abbr title="Joint Photographic Experts Group">JPEG</abbr> 
</label>

，看起来像：

设置为SVG/JPEG

后如何 '/' 删除空格，或改变一些东西，使它看起来像：

设置为SVG/JPEG

这里是我的代码：

+mixin dd['svg', 'sdf sdfsdsd SVG', , , , [['Scalable Vector Graphics', 3]]], 

mixin dd(list) 
- var words = []; 
- var abbr = []; 
each item, i in list 
//-.... 
    - var words = []; 
    - var abbr = []; 
    +e.INPUT(id= it[0]) 
    +e.LABEL(for=it[0]) 
     - words = item[1].match(/[^\s\/]+\/?/g) 
     each elem, i in words 
      if it[3] != undefined && it[3].indexOf(i + 1) != -1 
       +e.SPAN 
        +other(it[5], abbr, i, words.length, elem) 
      else 
       +other(it[5], abbr, i, words.length, elem) 

mixin other(abbrs, abbr, i, wordslength, elem) 
    if abbrs != undefined && abbrs.some(elem => (abbr = elem)[1] == (i + 1)) 
     abbr(title= abbr[0]) 
      =elem 
     else 
      =elem

换言之，需要使

<abbr title="Scalable Vector Graphics">SVG/</abbr> 
<abbr title="Joint Photographic Experts Group">JPEG</abbr>

是所得的构建（DIST）代码内的一个行：

<abbr title="Scalable Vector Graphics">SVG/</abbr><abbr title="Joint Photographic Experts Group">JPEG</abbr>

display：inline-block;什么都不变。检查了其他几个类似的问题 - 与这个问题无关。

来源

2017-09-04 CodeGust

恐怕周围没有优雅的方法。

如果您想要快速解决方案，我推荐setting the font size of the parent element to 0。

如果你想从Pug的角度来解决它，也许尝试在帕格（{ pretty: false }）禁用prettified HTML输出？不知道在这种情况下它是否会修复它，但它可能（但是，由此产生的HTML不再漂亮了）。

来源

2017-09-05 06:15:58 gandreadis

谢谢！字体大小0给了我一个想法试试letter-spacing：-10px，这有帮助！ font-size 0格式化了一点。我还将标签词包装到div中以使样式与span-styles不同。 – CodeGust

帕格（玉）额外的空间添加格式化标签之间吞噬建设

回答

相关问题