divの上と下の余分なスペースを削除する方法

-2

私は自動拡張divを使用してコードを表示しています。これは、コードの上のスペースの行とコードの下のスペースの行を示します。私はそれを削除したい。私はベストを尽くしたが失敗した。あなたはそれを助けてもらえますか？私はあなたのすべてのサポートに感謝します。ここではそれがどのように見えるかの画像である - これは私のコードdivの上と下の余分なスペースを削除する方法

.code{ 
 
    background-color: #d1e0e0; 
 
    font-family: 'Microsoft New Tai Lue', sans-serif; 
 
    font-size: 15px; 
 
    overflow: hidden; 
 
    height: auto; 
 
    width: 100%; 
 
}

<html> 
 
    <head> 
 
     <title>HTML Tutorial</title> 
 
     
 
    </head> 
 
    <body> 
 
     <div class="code" id="text"> 
 
      <xmp> 
 
         <!DOCTYPE html> 
 
         <html> 
 
          <head> 
 
           <title>HTML Tutorial</title> 
 
          </head> 
 
          <body> 
 
           This is a simple HTML page 
 
          </body> 
 
         </html> 
 
      </xmp>    
 
     </div> 
 
    </body> 
 
</html>

ある image of output

は

出典

2016-06-16 Code Hungry

codepenでウルのコードを入れたり – SESN

マージンとパディング0PX

element { margin: 0px; padding: 0px; }

出典

2016-06-16 04:29:00 SESN

私はそれを試してみましたがいじるようにしてください。動いていない。 –

Uコードをフィドルに入れることはできますか？ – SESN

使用それで、この場合は、あなたの大丈夫を与えます。それがあなたを助けることを願ってください。ありがとうございました。

.code{ 
 
    background-color: #d1e0e0; 
 
    font-family: 'Microsoft New Tai Lue', sans-serif; 
 
    font-size: 15px; 
 
    overflow: hidden; 
 
    height: auto; 
 
    width: 100%; 
 
} 
 
xmp { 
 
    margin: 0px; 
 
    line-height: 1;}

<html> 
 
    <head> 
 
     <title>HTML Tutorial</title> 
 
     
 
    </head> 
 
    <body> 
 
     <div class="code" id="text"> 
 
      <xmp> 
 
         <!DOCTYPE html> 
 
         <html> 
 
          <head> 
 
           <title>HTML Tutorial</title> 
 
          </head> 
 
          <body> 
 
           This is a simple HTML page 
 
          </body> 
 
         </html> 
 
      </xmp>    
 
     </div> 
 
    </body> 
 
</html>

かは、HTMLでの間隔を調整することができ

xmp{margin:-15px;}

出典

2016-06-16 04:59:57

xmp { 
    margin-top: -15px; 
    margin-bottom: -15px; 
}

出典

2016-06-16 05:02:01 Frutis

ようnegetiveマージンを使用することができます。

.code{ 
 
background-color: #d1e0e0; 
 
font-family: 'Microsoft New Tai Lue', sans-serif; 
 
font-size: 15px; 
 
overflow: hidden; 
 
height: auto; 
 
width: 100%; 
 
}

<div class="code" id="text"> 
 
     <xmp>      <!DOCTYPE html> 
 
        <html> 
 
         <head> 
 
          <title>HTML Tutorial</title> 
 
         </head> 
 
         <body> 
 
          This is a simple HTML page 
 
         </body> 
 
        </html></xmp>    
 
    </div>

出典

2016-06-16 05:20:00

divの上と下の余分なスペースを削除する方法

答えて

関連する問題