我正在使用<code>额外的CSS.我想增加左/右边距

code {
  margin-left: 10px;
  margin-right: 10px;
}

This word is a <code>reserved</code> word.

这通常很好,但是如果这个单词在一行的开头,那么左边有一个我不想要的尴尬的额外边距.例:

code {
  margin-left: 10px;
  margin-right: 10px;
}

This word is a <br><code>reserved</code> word.

要清楚的<br>是,仅仅是针对上面的例子...我不知道什么时候<code>它在行的开头,它取决于它是如何折叠的(对于给定的窗口宽度).

CSS word-spacing似乎可能是这里的修复,但它似乎只是字间距,所以它不起作用.

有没有办法用CSS完成这个？

我<tbody>用作 CSS 选择器来设置background-color表中的 。我这样做是因为我<tbody>在表格中有多个部分，并且它们具有不同的背景颜色。

我的问题是，当使用border-radius的细胞，细胞不尊重background-color的tbody。也就是说，边框半径以默认背景颜色（在这种情况下为白色）而不是下面的 tbody 颜色（在这种情况下为绿色）切出角。

更新：此问题发生在 Chrome/Safari 中，但不在 Firefox 中（仅在所有 3 个上进行了测试）。仍在寻找 Chrome 上的解决方法（找到了！请参阅已接受的答案）。

tr:first-child td:first-child {
  background-color: red;
  border-radius: 25px;
}

table {
  border-spacing: 0px;
}

table tbody {
  background-color: green;
}

<table>
  <tbody>
    <tr>
      <td><p>TOP LEFT</p></td>
      <td><p>TOP RIGHT</p></td>
    </tr>
    <tr>
      <td><p>BOT LEFT</p></td>
      <td><p>BOT RIGHT</p></td>
    </tr>
  </tbody>
</table>

需要明确的是，我正在寻找的修复程序会更改结果示例，因此它看起来像这样（我只是将table tbody选择器更改为tableonly）：

tr:first-child td:first-child {
  background-color: red;
  border-radius: 25px;
}

table {
  border-spacing: …

我正在尝试将SVG转换为PNG.SVG是非方形矩形.我希望图像的纵横比保持不变,因此需要填充图像的范围(透明).

我是OS X Mavericks,10.9.2.

我用3个工具尝试了这个,每个工具都有问题:

使用ImageMagick:

convert -background none -resize 200x200 -gravity center -extent 200x200 rect.svg rect-imagemagick.png 

开始 -

结束 -

图像是正方形,具有正确的宽高比,但是模糊. 我见过其他用户使用imagemagick将SVG转换为PNG来报告此问题.我已经升级了imagemagick以使用rsvg(通过brew),如下面版本的代表所示.

版:

# convert --version
Version: ImageMagick 6.9.1-3 Q16 x86_64 2016-01-23 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2015 ImageMagick Studio LLC
License: http://www.imagemagick.org/script/license.php
Features: DPC Modules
Delegates (built-in): bzlib cairo fontconfig freetype jng jpeg ltdl lzma png rsvg tiff xml zlib

使用rsvg:

rsvg-convert -a -w 200 -h 200 rect.svg > rect-rsvg.png

开始 -

结束 -

图像清晰,正确的宽高比,但我没有看到使其成为方形(扩展图像)的方法.

版:

# rsvg-convert --version …

在awk中,您可以对给定的模式执行操作,例如:

echo foo | awk '/foo/ {print "foo"}'

或者您可以在输入结束时执行操作,例如:

echo foo | awk 'END {print "END"}'

但似乎不可能同时做到这两点,例如:

# echo foo | awk '/foo/ || END {print "foo or END"}'
awk: syntax error at source line 1
 context is
    /foo/ || >>>  END <<<  {print "foo or END"}
awk: bailing out at source line 1

这可能吗？