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-spacing，E.G。 border-spacing: 0;（other table specific CSS properties）但您可能希望先咨询此主题：Why not use tables for layout in 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图像的高度。