相当于在 Outlook 中浮动 [英] Equivalent to float in Outlook
本文介绍了相当于在 Outlook 中浮动的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试 float: left 一些表，但刚刚遇到一个大问题，outlook 不支持浮动.好吧，然后我尝试使用 table align 等等，但没有运气.桌子只是出现在彼此下方，而不是彼此并排.对此有什么可以做的吗?
PS:它在其他设备上运行得很好，只有 Outlook，我不能给每个表一个 td，因为它会破坏其他一些东西.
标记:
<tr><td align="left" class="test"><!-- 产品 1 --><table align="center"><tr><td class="产品"><a href="#"><img src="#"/></a></td></tr>
<!-- 产品 2 --><table align="center"><tr><td class="产品"><a href="#"><img src="#"/></a></td></tr><!-- 产品 3 --><table align="center"><tr><td class="产品"><a href="#"><img src="#"/></a></td></tr><span class="clear"></span></td></tr> 解决方案
使用 width="" 而不是 CSS 设置每个对齐表格的宽度.
一个有效的例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><style type="text/css">表 td { 边框折叠:折叠；}.msoFix { mso-table-lspace:-1pt;mso-table-rspace:-1pt;}</风格><body style="margin: 0px; padding: 0px; background-color: #FFFFFF;"bgcolor="#FFFFFF"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td align="center"><div style="max-width:640px !important;"><table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#CCCCCC"><tr><td width="15" bgcolor="454545"><</td><td width="290" bgcolor="454545" align="left" style="padding: 0px;"> <br>表1<br>...<br> </td><td width="15" bgcolor="454545"><</td></tr><table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#EEEEEE"><tr><td width="15" bgcolor="959595"> </td><td width="290" bgcolor="959595" align="left" style="padding: 0px;"> <br>表2<br>...<br> </td><td width="15" bgcolor="959595"> </td></tr></td></tr></body></html>
此外，Outlook 在对齐的表格之间放置了 4-5 像素的间隙.添加它会将其修剪到大约 1px: