当前位置: 首页 > 面试题库 >

相当于在Outlook中浮动

鲁向明
2023-03-14
问题内容

我正在尝试float: left一些表,但只是遇到一个主要问题,Outlook不支持float。好吧,然后我尝试使用表对齐等等,但是没有运气。这些表只是在彼此之间而不是在彼此下方显示。有什么可以做的吗?

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



 类似资料:
  • 问题内容: 我的任务是为开源JAVA应用程序编写身份验证组件。我们有一个使用的内部身份验证窗口小部件。我有一些例子访问的代码,它使用来办理过户。 我的问题是,是否有 的端口,或者更好的是,什么基本软件包将使我足够接近以处理任务? 更新: 简而言之,我想在JAVA中复制的代码: 希思,我认为你的目标是正确的,我认为我最终将使用HttpsURLConnection,然后从响应中选择所需的内容。 问题答

  • 问题内容: 我不想知道Windows和Linux中的API函数之间是否存在一一对应的关系,也不想知道每个API函数。 我只想了解两点基本知识: 我想了解为什么Qt平台独立 我想知道我应该在Linux中使用什么API来移植使用Win32 API编程的应用程序,或者换句话说,移植到Win32 API级别。 我知道这不切实际,但我想知道这种等效性。 问题答案: 您需要了解什么是系统调用。在Linux上,

  • 问题内容: 我在Linux中找不到conio.h的等效头文件。 Linux中有&功能选项吗? 我想创建一个切换案例基​​础菜单,用户只需按一个键就可以给出选项,并且过程应该向前移动。我不想让用户按其选择后按ENTER。 问题答案: 输出:

  • 问题内容: 我想使用NumPy执行以下MATLAB代码的等效项:。我将如何完成? 问题答案: 对于Matlab用户,这是一个更好(官方)的NumPy链接-恐怕其中的Mathesaurus已经过时了。 的numpy的当量是。 这适用于多个维度,并提供与matlab类似的结果。(Numpy给出了3d输出数组,正如您期望的那样-由于某些原因,matlab提供了2d输出-但内容相同)。 Matlab: 蟒

  • 问题内容: 在mysql中是否有相当于Oracle的rowid? 我想做一个MySQL等效于此查询!!! 我想做的是::my_table没有主键..我正试图删除重复的值并强加一个主键(field1和field2的复合)。 问题答案: 在MySql中,通常使用会话变量来实现功能: 但是您无法在要从子查询中删除的表上进行排序。 UPD :也就是说,您将需要创建一个临时表,将测距子查询插入到该临时表中,

  • 问题内容: 我想要一个矩形框的布局。在左侧的框内是文本,在右侧的是图像。这在浏览器中看起来不错,但是当以html电子邮件形式发送时,在Outlook中,浮动权利似乎无效。它将图像放在文本的下一行中。关于如何进行这项工作的任何想法?(我试图避免使用表。) 问题答案: 在呈现HTML时,大多数电子邮件客户端都是原始的,并且会破坏许多格式良好的HTML元素。