html - 为什么我在左第一个 lorem ipsum 上方有填充？-6ren

html - 为什么我在左第一个 lorem ipsum 上方有填充？

转载作者：行者123 更新时间：2023-11-28 02:53:22

我正在创建 html templemate，因为我想发送一些邮件。但我有问题。在我的 templemate 左边是我认为的填充物。但是我不能删除它，我不知道如何删除它。我想让左边的元素像右边这样处于同一水平。你能帮助我吗？我很感激帮助。这对我来说非常重要。

<html> 
      <head>
        <style type="text/css">
          body {
            width: 100% !important;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            margin: 0;
            padding: 0;
            line-height: 100%;
          }
          
          #outlook a {
            padding: 0;
          }
          
          .ExternalClass {
            width: 100%;
          }
          
          .ExternalClass,
          .ExternalClass p,
          .ExternalClass span,
          .ExternalClass font,
          .ExternalClass td,
          .ExternalClass div {
            line-height: 100%;
            border-collapse: collapse;
          }
          
          .tablereset {
            margin: 0 auto;
            width: 640px !important;
            line-height: 100% !important
          }
          
          .button {
            margin: 0 auto !important;
          }
          
          .devicewidthsocial {
            margin: 0 auto;
          }
  
          table td {
            border-collapse: collapse;
          }
          
          table {
            border-collapse: collapse;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
          }
          
          td.boxesfont {
            font-size: 17px !important;
            font-family: 'Roboto', Arial, Helvetica, sans-serif!important
          }
          
          td[class*=font-resize] {
            font-size: 140%!important
          }
         
          @media only screen and (max-width:640px) {
            a[href="tel"],
            a[href="sms"] {
              text-decoration: none;
              color: #ffffff;
              pointer-events: none;
              cursor: default;
            }
            tr.removemobile {
              display: none;
            }
            td[class*=threecolumnphoto] {
              padding-bottom: 20px;
            }
            table[class*=button] {
              float: none;
            }
            table.removemobile {
              display: none;
            }
            table.tablereset {
              margin: 0 auto;
              width: 440px !important;
              line-height: 100% !important
            }
            table[class*=devicewidth] {
              width: 440px!important;
              text-align: center!important;
              float: none!important;
              display: table!important;
            }
            table[class*=devicewidthinner] {
              width: 400px!important;
              text-align: center!important;
              float: none!important;
            }
            table[class*=devicewidthinner3] {
              width: 173px!important;
              float: none!important;
            }
            img[class*=logoImg] {
              width: 110px!important;
              height: auto!important;
            }
          }
          
          @media only screen and (max-width:479px) {
            table.removemobile {
              display: none;
            }
            table[class*=tablereset] {
              margin: 0 auto;
              width: 280px !important;
              line-height: 100% !important
            }
            img[class*=logoImg] {
              width: 100px!important;
              height: auto!important;
            }
            td[class*=threecolumnphoto] {
              padding-bottom: 20px;
            }
            table[class*=devicewidthright] {
              width: 160px!important;
            }
            table[class*=devicewidth] {
              width: 280px!important;
              float: none!important;
              display: table!important;
            }
            table[class*=devicewidthinner] {
              width: 240px!important;
              float: none!important;
            }
            table[class*=devicewidthinner3] {
              width: 173px!important;
              float: none!important;
            }
            table[class*=button] {
              float: none!important;
            }
            table[class*=button] td,
            table[class*=button] td a {
              font-size: 12px!important;
            }
            td[class*=oswaldfont] {
              font-size: large!important;
            }
          }
    
        </style>
      </head>
      <body style="margin:0; padding:0">
        <table class="tablereset" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody>
            <tr>
              <td width="640">
                <table class="devicewidth" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="640">
                  <tbody>
                    <tr>
                      <td align="center" style="font-size:1px; line-height:1px" height="58" width="640">&nbsp;</td>
                    </tr>
                    <tr>
                      <td>
                        <p style="font-family:Open Sans; text-align: center; color: #606060;">Nowy outlet mebli tapicerowanych</p>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" style="font-size:1px; line-height:1px" height="18" width="640">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="640" align="center">
                        <table class="devicewidthinner" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="600">
                          <tbody>
                            <tr>
                              <td style="font-family:Arial,Helvetica,sans-serif;font-size:18px; color:#b2b2b2;line-height: 18px;text-align: center;">
                                <div class="strike">
                                  <span style="font-weight: bold; color: #606060;">Lorem ipsum                                    <p style="font-weight: 400;">Lorem ipsum</p></span>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td height="20" width="640"></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
    
        <table style="mso-table-lspace:0;mso-table-rspace:0;border-collapse: collapse; border: 1px solid #dddddd;" class="tablereset" align="center" cellpadding="10" cellspacing="0" width="100%">
          <tbody>
            <tr>
              <td width="640">
                <table class="devicewidth" align="center" cellspacing="0" cellpadding="0" border="0" width="640" style="margin:0 auto;mso-table-lspace:0;mso-table-rspace:0;border-collapse: collapse;">
                  <tbody>
                    <tr>
                      <td width="640" align="center">
                        <table class="devicewidthinner" align="left" border="0" cellpadding="0" cellspacing="0" width="640">
                          <tbody>
                            <tr>
                              <td align="left" width="200">
                                <table style="mso-table-lspace:0;mso-table-rspace:0;border-collapse: collapse;" class="devicewidthinner" align="center" border="0" cellpadding="0" cellspacing="0" width="270">
                                  <tbody>
                                    <tr>
                                      <td width="640" align="left" class="robotofont" style="font-family: Arial, Helvetica, sans-serif,Roboto;font-weight: 300; color: #606060;">Lorem ipsum</td>
                                    </tr>
                                    <tr>
                                      <td width="640" align="left" style="font-family: Open Sans, Helvetica, sans-serif;font-weight: 700; font-size: 22px;line-height:24px; color: #606060; font-weight: bold; text-transform: uppercase;">Lorem ipsum </td>
                                    </tr>
                                    <tr>
                                      <td width="640" height="25">&nbsp;</td>
                                    </tr>
                                    <tr>
                                      <td align="left">
                                        <table style="mso-table-lspace:0;mso-table-rspace:0;" align="left" border="0" cellpadding="0" cellspacing="0">
                                          <tbody>
                                            <tr>
                                              <td width="640" align="left" class="robotofont" style="font-family: Arial, Helvetica, sans-serif,Roboto;font-weight: 300; color: #606060;">Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem 
                                            </tr>
                                          </tbody>
                                        </table>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                              </td>
                              <td align="left" width="1" valign="middle">
                                <span style="width:2px; height:80px; background:#ececec; margin-top: 70px; display:block;"></span>
                              </td>
                              <td width="317" align="center">
                                <table class="devicewidthinner" align="left" border="0" cellpadding="0" cellspacing="0" width="317">
                                  <tbody>
                                    <tr>
                                      <td align="left" width="640">
                                        <table style="mso-table-lspace:0;mso-table-rspace:0;border-collapse: collapse; margin-top: 20px;" class="devicewidthinner" align="center" border="0" cellpadding="0" cellspacing="0" width="270">
                                          <tbody>
                                            <tr>
                                              <td width="640" align="left" class="robotofont" style="font-family: Open Sans, Helvetica, sans-serif,Roboto;font-weight: 300; color: #606060;">Lorem ipsum
                                                <span style="color: red;text-decoration: line-through;">
                                                 <span style="color: #606060; font-weight: bold; font-size: 20px;">
                                                  <span style="margin-left:5px;">$</span></span>
                                                </span>
                                              </td>
                                            </tr>
                                            <tr>
                                              <td align="center" height="5" width="640"></td>
                                            </tr>
                                            <tr>
                                              <td width="640" align="left" style="font-family: Open Sans, Helvetica, sans-serif;font-weight: 300; font-size: 14px;line-height:24px;"><span style="font-weight: bold; color: #606060;">Lorem ipsum </span><span style="color: #e4001b; font-weight: bold; font-size: 18px; margin-left: 30px;">$</span></td>
                                            </tr>
                                            <tr>
                                              <td align="left">
                                                <table style="mso-table-lspace:0;mso-table-rspace:0;" align="left" border="0" cellpadding="0" cellspacing="0">
                                                  <tbody>
                                                    <tr>
                                                      <td width="640" align="left" class="robotofont" style="font-family: Arial, Helvetica, sans-serif,Roboto;font-weight: 300;">
                                                        <p style="-webkit-margin-before: 0;-webkit-margin-after: 0; color: #606060; margin-top: 15px; font-weight: 400;">Wymiary:</p>
                                                        <p style="-webkit-margin-before: 0;-webkit-margin-after: 0; color: #606060; margin-top: 10px;"><span style="font-weight: bold;">Długość: </span><span style="margin-left: 15px;">188 cm</span></p>
                                                        <p style="-webkit-margin-before: 0;-webkit-margin-after: 0; color: #606060; margin-top: 2px;"><span style="font-weight: bold;">Szerokość: </span>&nbsp 85 cm</p>
                                                        <p style="-webkit-margin-before: 0;-webkit-margin-after: 0; color: #606060; margin-top: 2px"><span style="font-weight: bold;">Wysokość: </span>&nbsp 90 cm</p>
                                                      </td>
                                                    </tr>
                                                  </tbody>
                                                </table>

最佳答案

尝试添加这个:

          table td {
            border-collapse: collapse;
            vertical-align: bottom;
          }

我认为左边的元素和右边的元素在同一层级

关于html - 为什么我在左第一个 lorem ipsum 上方有填充？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46566295/

文章推荐： html - 每个打印页面上的最后一个元素的样式都不同

文章推荐： javascript - 我怎样才能让这个 plunker 可以运行？

文章推荐： c++ - C++ 程序中的指针大小

html - 填充 :initial vs. 填充:0
padding:initial 比 padding:0 有什么优势吗？示例: textarea { padding: 0; } Hello, world! 最佳答案它们的意思是一
java - 使用 JButton 填充 JList 并使用 Jlist 上的 DoubleClick 填充 JTextField
我尝试通过按钮填充 JList，然后在先前填充的 Jlist 上使用 DoubleClick 填充 JTextField。代码: private void extractUsedVariables
jquery添加宽度+填充；
我正在尝试做 var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right' ))；
CSS悬停没有文本边距/填充
我在导航中添加了悬停效果，遗憾的是悬停也影响了上面的文字。如何在不影响文本位置的情况下向导航添加悬停？可悲的是，我找不到解决这个问题的方法。 HTML 模板:http://projects.help
F# printf 填充
我是 F# 初学者，下面代码中的 %-5s 和 %5s 有什么作用？我认为它提供了空间填充，但我不确定它是如何填充的？ printfn "%-5s %5s" "a" "b" 当我尝试 prin
Sails.js 填充 where
我需要选择带狗的用户(带 type 等于“狗”的宠物) var User = Waterline.Collection.extend({ identity: 'user', attribute
excel - 如何使用具有一系列值的自动填充/填充
我一直在尝试让 Excel 在一组列上应用公式，然后将模式扩展到整个行集。这导致了以下代码: For i = 0 To avgsheetNames.Count - 1 If Contains(CSt
Flutter TextButton 填充
随着 Flutter 2.0 的发布，FlatButton已被替换为 TextButton . 因此，填充属性不再直接可用，而是作为 ButtonStyle属性(property)。我的问题是，我该
wpf - WPF中的对接/填充
这似乎是一个简单的问题，但我已经尝试了一个小时，似乎无法弄清楚。我要做的就是用 Canvas 填充 MainWindow。我找不到任何允许这样做的属性，我能想到的唯一方法是设置 Canvas.Wid
iPhone 添加了奇怪的左边距/填充
这是a website具有移动 View 。网站宽度为 640 像素，但 iPhone 以 678 像素渲染文档。在 Android 中看起来很棒。我添加了视口(viewport)元: 主体 C
java - GridBagLayout 填充
我正在使用 GridBagLayout到(当前)显示两行。我知道这种布局对于这项任务来说太过分了，但我正在努力学习如何使用它。问题是我已将两个面板添加到两个单独的行中，并且内容周围存在巨大差距(请参见
javascript - 单击更改谷歌地图多边形颜色/填充
我有以下代码已传递给我并创建多边形: var map; function initialize() { var myLatlng = new google.maps.LatLng(-36.4
java - 填充 JPanel
我在 Jpanel 中有一些项目，然后将其推到顶部并用作基本搜索引擎的工具栏。我遇到一个问题，因为没有足够的空间，所以我的最后一个组合框没有显示。但是，左侧有很多空白空间，我需要移动所有内容来填充 J
c++ - 如何为二进制图像中的形状重新着色以进行索引(填充)？
我创建了带有阈值的二进制图像。如下图所示如何改变白色形状的颜色以使其可索引？到目前为止，这是我的代码: void threshold() { cv::Mat src_8uc3_img = c
java - 填充 JTable
我有一个 JTable，我想知道是否有更好的方法来填充它，这是我的代码: //Metodo para llenar un jtable con datos de la base public stat
python - 从卷中裁剪空数组(填充)
我想要做的是裁剪一个卷以删除所有不相关的数据。例如，假设我有一个 100x100x100 的体积，其中填充了 0，但其中的 50x50x50 体积则填充了 1。如何从原始体积中获得裁剪后的 50x50
Java ArrayList 填充
因此，我正在创建一种对一组数字进行洗牌的方法，其想法是创建这些数字的总体。因此，我创建了一个循环，对数字进行洗牌，然后将其添加到数组列表中，但是经过一些调试语句后，我发现它确实对数字进行洗牌，但只将最
c# - 静态集合是否保证在另一个类使用它之前被初始化/填充？
假设我有这两个类: public class A where T : IEntityWithID, new() { private static EntityInfo entityInfo =
C 中大整型加法中的进位数字/填充
我正在尝试添加用户输入的两个大整数作为字符串。当两个输入字符串的长度不同时，我尝试用零填充较短的数字，但它不起作用。因此，如果我输入 456 和 7，它会给出 3，前面有一些随机字符。感谢您的任何建议
arrays - 填充 UITableViewController
这是我将内容打印到表格 View 的代码 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: Index

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 为什么我在左第一个 lorem ipsum 上方有填充？