テーブルhtmlデザインから無駄なスペースを取り除く方法

Question

すべては問題ありませんが、無駄なスペースを取り除くことはできません。それを取り除く方法誰もがそれを解決することができます

ところで、私は削除したい部分の下に画像を与えましたが、無駄な空白と電話エリアの周りのスペースがあります。

<table style="width: 100%; border: 10px solid #bdbdbd; background: #fff; font-family: Arial, Helvetica, sans-serif; color: #444;"> 
 
     <tr> 
 
      <td width="50%" valign="top" border="0px"> 
 
       <div id="masterEmailData"> 
 
       <table style="background:#e7e7e7; height:auto; width:100%; height:100vh;"> 
 
        <tr> 
 
         <td style="text-align:center"><img src="{9}/Content/content/image/logo1.png" class="img-responsive" style=" padding:0px 5px; max-width:250px;" /></td> 
 
        </tr> 
 
        <tr> 
 
         <td> 
 
          <p style="text-align: center; background:#074f8e; padding:12px; color:#fff; font-size: 18px; margin: 5px 0">Phone</p> 
 
         </td> 
 
        </tr> 
 
        <tr> 
 
         <td style="text-align:center"><img src="../Content/content/image/emailImg.png" style=" padding:0px 5px; max-width:250px;" /></td> 
 
        </tr> 
 
        <tr> 
 
         <td> 
 
          
 
         </td> 
 
        </tr> 
 

 
       </table> 
 
       </div> 
 
      </td> 
 

 

 
     </tr> 
 
</table>

ありがとうございます！

Answer 1

あなたが探しているのはプロパティーcellpaddingとcellspacingです。それらを0に設定し、空白をなくす必要があります。 Here is an explanation実際に何をしていますか？