用div替换HTML表元素？

我有一个为所有站点网页一致生成的公共头，它使用div元素包装包含一行三个单元格的表元素

表格及其单元格用于保存三个图像，一个显示在页面的左上角，一个显示在页面的顶部中心，另一个显示在页面的右上角

代码当前看起来像：

<div class="div_Header">
  <table class="table_Header">
    <tr>
      <td class="td_Left"><img src="./IMAGES/Logo_Left.png" alt="Left Logo" /></td>
      <td class="td_Center"><img src="./IMAGES/Center_Title.png" alt="Center Header" /></td>
      <td class="td_Right"><img src="./IMAGES/Logo_Right.png" alt="Right Logo" /></td>
    </tr>
  </table>
</div>

在上面的例子中，CSS样式用于将左侧图像与最左侧对齐，将右侧图像与最右侧对齐，将中间图像与页面中心对齐

---

我的问题是：这是实现这一目标的最佳实践还是有更好的方法？而且，如果有更好的方法，代码会是什么样子？

通常会使用包装器中的3浮动div解决方案

<div>
  <div id="d1">left</div>
  <div id="d2">right</div>
  <div id="d3">center</div>
</div>


#d1 {
  float: left;
  border: 1px solid red;
}


#d2 {
  float: right;
  border: 1px solid blue;
} 

#d3 {
  margin-left: 100px;
  margin-right: 100px;
  border: 1px solid green;
}

左边
正确的
居中
#d1{
浮动：左；
边框：1px纯红；
}
#d2{
浮动：对；
边框：1px纯蓝色；
} 
#d3{
左边距：100px；
右边距：100px；
边框：1px纯绿色；
}

---

请参阅：

设置

显示：所有
div的内联块


div{
显示：内联块；
宽度：100%；
文本对齐：居中；
}
div>div{
宽度：自动；
}
div>div：第一个孩子{
浮动：左
}
div>div：最后一个孩子{
浮球：对
}

内容1
内容2
内容3
我相信你想要的是有一个带有bg的表格，遗憾的是，这不是现成的，相反，你可以做一些事情


不要使用html表标记，因为它们由于许多原因不好，浏览器对待它们的方式也不一样（特别是FF），所以请使用css声明

对于每个单元格，使用
背景图像：url（“”）
及其属性可以更好地控制图像的外观（特别是如果你使用响应式布局），如果你不想为每个单元格指定一个类，如果你坚持使用html标记或
：n类型，你可以使用
：n子项（1,2,3等）
（1、2、3等）
如果您将为3个div使用一个类


作为第二种选择，你可以使用@briansol float技巧，但同样地，float并不适用于web