Html CSS表格样式

CSS是我的弱点，现在我正在努力改进它，你能帮我找出问题所在吗，而且我缺少哪种CSS风格。

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

我认为您只需要将表格设置为默认的单元格间距和单元格填充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-->

.包装纸
{
背景色：#ccc；
填充物：5px；
}
.内容
{
宽度：177px；
高度：100px；/*使它们都是100px虽然其中一个是92px，但这可能不正确*/
浮动：左；
}

高度是问题所在。降低logo.png图像的高度。

您要查找的属性可能是

边框间距

，例如

边框间距：0（）但您可能希望先查阅此主题：
尝试此主题：

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>




请解释这个问题。在我看来，它也不像表格数据。您也可以用另一个标记来解决这个问题。或者这是一份时事通讯？这应该是一个评论而不是回答。感谢您对表格HTML布局的建议，但今天我需要在HTML电子邮件的布局中做些什么。@Edvin Antonov啊，您可能希望将此添加到您的问题中。对于电子邮件，是的，疯狂地使用表格布局！是的，我完全忘了，但无论如何谢谢你的帮助
  table {border:1px solid #ccc; 
 .logo{ width:100px; }.img2{ width:300px } 

<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>