gpt4 book ai didi

html - 相当于在Outlook中 float

转载 作者:技术小花猫 更新时间:2023-10-29 12:36:13 27 4
gpt4 key购买 nike

我正在尝试float: left 一些表格,但是遇到了一个主要问题,outlook 不支持 float 。好吧,然后我尝试使用表格对齐等等,但没有运气。 table 只是出现在彼此下面,而不是彼此并排。有什么办法可以解决这个问题吗?

PS:它在其他设备上工作得很好,它只有 Outlook,我不能给每个表一个 td,因为它会破坏其他一些东西。

标记:

<table class="products">
<tr>
<td align="left" class="test">
<!-- Product 1 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 2 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 3 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<span class="clear"></span>
</td>
</tr>
</table>

最佳答案

使用 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">
table td { border-collapse: collapse; }
.msoFix { mso-table-lspace:-1pt; mso-table-rspace:-1pt; }
</style>
</head>
<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">&nbsp;</td>
<td width="290" bgcolor="454545" align="left" style="padding: 0px;">&nbsp;<br>Table 1<br>...<br>&nbsp;
</td>
<td width="15" bgcolor="454545">&nbsp;</td>
</tr>
</table>

<table class="msoFix" width="320" cellpadding="0" cellspacing="0" align="left" bgcolor="#EEEEEE">
<tr>
<td width="15" bgcolor="959595">&nbsp;</td>
<td width="290" bgcolor="959595" align="left" style="padding: 0px;">&nbsp;<br>Table 2<br>...<br>&nbsp;
</td>
<td width="15" bgcolor="959595">&nbsp;</td>
</tr>
</table>

</div>
</td>
</tr>
</table>

</body></html>

此外,Outlook 在对齐的表格之间放置 4-5 像素的间隙。添加这个将它修剪到大约 1px:

<style type="text/css">
.msoFix {
mso-table-lspace:-1pt;
mso-table-rspace:-1pt;
}
</style>

要完全摆脱它,您必须在表格中添加边框(另一个 Outlook 怪癖 hack)。

关于html - 相当于在Outlook中 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17674172/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com