html - CSS 表格样式

Question

CSS 是我的弱点，现在我正在努力改进它，请你帮我找出问题所在，以及我缺少哪种 css 样式。

<table>
  <tr>
    <td style=width:"177px; height:92px"><img src="logo.png"></td>
    <td rowspan="2"><img src="img2.png"></td>  
  </tr>
  <tr>
    <td style=width:"177px; height:100px"><img src="img1.png"></td>
  </tr>
  </tr>
</table>

更新：我忘了提到我正在做 HTML 电子邮件，所以解决了我的问题。谢谢你的帮助

Answer 1

我认为您只需将表格设置为默认 CellSpacing 和 CellPadding 0 （假设您帖子中的顶部图片是所需的结果）

 <table cellpadding=0 cellspacing=0 >

虽然 DIV 可能更容易

<div>
  <div style = width:"177px; height:92px; float:left;">
       <img src="logo.png"><br />
       <img src="img2.png">
  </div>
  <div style=width:"177px; height:100px; float:left;">
      <img src="img1.png">
  </div>
</div>

然后，让我们更进一步

<style>
.wrapper
{
    background-color:#ccc;
    padding:5px;
}
.content
{
    width:177px; 
    height:100px; /*Made them both 100px although one was 92px, this may not be correct*/
    float:left;
}
</style>


<div class="wrapper">
  <div class="content">
       <img src="logo.png"><br />
       <img src="img2.png">
  </div><!--/content-->
  <div class="content">
      <img src="img1.png">
  </div><!--/content-->
</div><!--/wrapper-->

Answer 2

您正在寻找的属性可能是border-spacingEG border-spacing: 0;（其他特定于表格的 CSS 属性），但是您可能希望先查阅此主题：为什么不在 HTML 中使用表格进行布局？

Answer 3

试试这个：

css

  table {border:1px solid #ccc; 
 .logo{ width:100px; }.img2{ width:300px } 

HTML

<table cellpadding="0" cellspacing="0">
  <tr>
    <td class="logo">
     <img src="logo.png" /><br />
     <img src="img1.png">
    </td>
    <td class="img2"><img src="img2.png"></td>
  </tr>
 </table>

Answer 4

身高是个问题。降低 logo.png 图像的高度。