pre 태그 공백

불필요한 공백이 있는 경우

pre 태그를 아래와 같이 이쁘게 줄바꿈을 넣어가며 정리하는 순간,

<pre style="border:3px red solid">
    <code class="language-typescript">codeTypescript</code>
</pre>
<pre style="border:3px red solid">
    <code class="language-julia">codeJulia</code>
</pre>

결과는 아래와 같다. 불필요한 공간이 생기게 된다.

            class MyClass {
  public static myValue: string;
  constructor(init: string) {
    this.myValue = init;
  }
}
import fs = require("fs");
module MyModule {
  export interface MyInterface extends Other {
    myProperty: any;
  }
}
declare magicNumber number;
myArray.forEach(() => { }); // fat arrow syntax

            function f(x, y)
    x[1] = 42    # mutates x
    y = 7 + y    # new binding for y, no mutation
    return y
end

불필요한 공백이 없는 경우

pre 태그내에서는 아래와 같이 공백없이 코딩해야,

<pre style="border:3px red solid"><code class="language-typescript">codeTypescript</code></pre>
<pre style="border:3px red solid"><code class="language-julia">codeJulia</code></pre>

쓸데없는 공간이 생기지 않는다.

class MyClass {
  public static myValue: string;
  constructor(init: string) {
    this.myValue = init;
  }
}
import fs = require("fs");
module MyModule {
  export interface MyInterface extends Other {
    myProperty: any;
  }
}
declare magicNumber number;
myArray.forEach(() => { }); // fat arrow syntax

function f(x, y)
    x[1] = 42    # mutates x
    y = 7 + y    # new binding for y, no mutation
    return y
end