删除 google 漂亮的打印填充？

Question

我今天开始使用 Google 漂亮打印工具，因为我开始了一个新项目，但是，我认为数字应该去的地方似乎有不必要的填充，但我不太确定.

无论如何，我怎样才能删除这个padding/margin？

我试过 padding: 0 !important;、margin: 0 !important;、text-align: left !important; 和 float: left !important; 等方法，但无济于事。

图片示例：

代码：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&amp;skin="></script>
    <style>
      table {
        border: 0;
        width: 100%
        }

      th {
        text-align: left;
        }

      #code-box {
        border-left: 5px solid #5C00AC;
        }

      #no-border {
        border: none !important;
        }

    </style>
  </head>
  <body>
    <h1>ModPE API</h1>
    <br>
    <h2>Members</h2>
    <hr>
    <h4 style="margin-bottom:0px;">ArmorType</h4>
    <p>Armor Types.</p>
    <br>
    <table>
      <tr>
        <th>Name</th>
        <th>Type</th>       
        <th>Description</th>
      <tr>
        <td>helmet</td>
        <td>int</td>
        <td>0</td>
      </tr>
      <tr>
        <td>chestplate</td>
        <td>int</td>        
        <td>1</td>
      </tr>
      </tr>
      <tr>
        <td>leggings</td>
        <td>int</td>
        <td>2</td>
      </tr>
      <tr>
        <td>boots</td>
        <td>int</td>        
        <td>3</td>
      </tr>
    </table>
    <h4>Example:</h4>
    <div id="code-box">
      <pre class="prettyprint" id="no-border">
        print(ArmorType.chestplate);
      </pre>
    </div>
  </body>
</html>

Answer 1

space 是由您 HTML 中的白色 space 字符引起的。您不需要编辑 CSS.

改变这个：

  <pre class="prettyprint" id="no-border">
    print(ArmorType.chestplate);
  </pre>

为此：

<pre class="prettyprint" id="no-border">print(ArmorType.chestplate);</pre>

Answer 2

如果为了可读性需要缩进，只需删除回车后的空格即可达到相同的效果return。需要明确的是，前开始和结束标记之前也不能有空格。

<pre class="prettyprint" id="no-border">
  print(ArmorType.chestplate);
</pre>

<!-- Becomes -->

<pre class="prettyprint" id="no-border">
print(ArmorType.chestplate);
</pre>

删除 google 漂亮的打印填充？

Remove google prettyprint padding?

html

css

pretty-print