tdタグの空白

私は電子メールの基礎フレームワークを使用していますtdタグの空白

私はTest Pageです。 racoonの写真の下には空白があり、削除する必要があるので、写真だけがあります。私は250pxの高さを設定しました。これは画像です。私はいくつかのパディングがこれをしたかどうかを見るために、私のCSSを見渡した。しかし、何も見つかりませんでした。

財団は、CSSをたくさん持っているので、私はfiddleを作った：

白い線があり、なぜ誰もが見ることができますか？

関連するHTML

<table class="row background-color__yellow"> 
    <tr> 
    <td class="center" align="center"> 
     <center> 
     <table class="container"> 
      <tr> 
      <td class="wrapper last"> 
       <table class="twelve columns background-color__yellow"> 
       <tr> 
        <td style="padding-top: 30px;"> 
        <h3 class="headline">Kære flet[navn] flet[efternavn]</h3> 
        <br/> 
        <span>Tak for din reservation på [Flet. Har du spørgsmål, er du velkommen til at kontakte os. Vi har åbent alle hverdage mellem kl. 8.30 og kl. 16.00. 
        </span> 
        <br><br> 
        <span> 
         Vi ønsker dig et rigtig dejligt ophold 
        </span> 
        <span>Med venlig hilsen</span> 
        <br/> 
        <span>Name</span> 
        <br/><br/> 
        <span>[flet if/else statement] PS: Det er gratis at blive medlem af vores gæsteklub, hvor du optjener point på ophold og får adgang til et væld af gode tilbud. </span> 
        <br/><br/> 
        <span>[flet]<a href="https://www.google.dk/benefits/login/">Klik her for at læse mere og tilmelde dig</a></span> 
        <br/><br/> 

        </td> 
       </tr> 
       </table> 
      </td> 
      </tr> 
     </table> 
     </center> 
    </td> 
    </tr> 
</table>

出典

2017-02-08 Ne Kr

imgを囲んでいるaにvertical-align: middleを追加します。

JSFIDDLE

私はremove-spaceと呼ばれるそのaにクラスを追加した、と私はCSSの最初の行でそれをスタイリングしました。

出典

2017-02-08 12:43:55 sol

お返事ありがとうございました。これは私のために非常に良いフィットしたので、私はあなたを受け入れるだろう。宜しくお願いします。 –

ようこそ、嬉しいです。 – sol

画像の上<td>でstyle="line-height:0"
を入れて、作品なら、私に知らせてください。歓声。

出典

2017-02-08 12:42:34 Roy

この度はお返事いただきありがとうございます。これで問題は解決しました。私はovokuroとしてhrefにクラスを設定することを選択しました。 –

ニース！、ovokuroの答えを正しいものにしてください！歓声 – Roy

スペースはここから来ている：

body, table.body, p, td, th { 
font-size: 16px; 
line-height: 0.8; 
}

出典

2017-02-08 12:44:10 sneha

ただ、TDのためのクラスを追加し、画像を囲むアンカータグ用display: inline-block CSSプロパティを削除TD

<html> 
    <td class="remove_space"> 
     <a href="https://www.google.dk" target="_blank"> 
      <img width="500" height="250" src="http://animalhumanhealth.com/wp-content/uploads/2016/07/racoon1.png" alt="test"></a> 
    </td> 
</html> 


<style> 

table.twelve td.remove_space { 
line-height: 0; 
} 

</style>

出典

2017-02-08 12:44:48 Arun

このコードスニペットでは、* how *と* Why *の問題を解決することができますが、あなたの投稿の質を向上させるために問題を解決します（// meta.stackexchange.com/q/114762）。。あなたが今質問している人だけでなく、将来読者のための質問に答えていることを忘れないでください！説明を追加するためにあなたの答えを[編集]し、どんな制限と前提が適用されるかを示してください。 –

の行の高さを取り除きます。

出典

2017-02-08 12:52:15

答えて

関連する問題