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++ 程序中的指针大小

cocoa - 光标位于 sibling 上方
假设有一个具有非常简单的 UI 层次结构的窗口，它只有两个同级: NSTextView 和 NSButton，并且它们确实重叠。我的问题是，为什么光标悬停在按钮上时会有所不同，具体取决于其下方是否有
delphi - 如何将组件放置在 TMainMenu 上方？
例如，当我将 TPanel 添加到表单并使用 alTop 对齐它，然后将 TMainMenu 添加到同一表单时，主菜单位置会覆盖面板位置，以便主菜单保持在窗体的最顶层，面板显示在其下方。是否可以覆盖
layout - 将固定小部件放在 TabBarView 上方
我想构建一个 UI，其中我在屏幕顶部有一些固定的小部件(在所有选项卡上可见)，然后在它们下面我想要一个 TabBarView(底部有选项卡栏)，这是否可能而不使您的自己的标签小部件还是 TabBarV
javascript - 玩家悬停在平台 Sprite 上方
我一直在这里关注 Phaser 3 的介绍 http://phaser.io/tutorials/making-your-first-phaser-3-game并发现我的 Angular 色“悬停”在
iphone - 如何使可视键盘出现在我的 UIToolBar 上方？
我在 View 中间有一个 UITextView，在 View 底部有一个 UIToolBar。当我触摸 UITextView 时，我希望在 UIToolBar 上方出现一个可视键盘。我该怎么做？最
Java - 将标签定位在 GridLayout 上方
我正在尝试制作井字游戏，我有一个 3 x 3 按钮网格，但我想在按钮上方有一个栏，显示分数和玩家姓名，有人可以帮助我吗？到java，不知道从哪里开始。 import javax.swing.*; im
noUiSlider - 将两个工具提示都放在 slider 上方？
是否可以指定 noUiSlider 绘制的工具提示的位置？似乎默认情况下它将第一个放在 slider 上，第二个放在下面。我理解这里的可用性目标，但我想把两者都放在上面或下面。示例(带有上方和下方的
java - 如何将操作栏导航下拉菜单放置在主详细布局中第二个 fragment 上方
我的应用程序中有主详细布局(参见左图): 我为操作栏设置了导航模式列表(使用它来过滤第二个 fragment 中的 ListView ): final ActionBar actionBar = ge
ios - 如何将导航栏或其他东西放在 XLPagerTabStrip 上方
我是 iOS 编程新手，在使用 XLPagerTabStrip(github.com/xmartlabs/XLPagerTabStrip) 时遇到了困难。我按照它的教程，成功在VC的顶部添加了Page
swift - 将图像放置在 map 上方
这个问题适用于任何项目，但在这种情况下，我想将我的图像放置在 map 上方，目前它位于 map 下方。我是 swift 1.2 的新手，所以我不知道如何组合一个示例，任何帮助将不胜感激。最佳答案
javascript - 如何确定元素是否在视口(viewport)上方？
我如何在 javascript 中确定一个元素是否在视口(viewport)上方(用户已经滚动过它)(不仅仅是它是否可见)？在这段代码中: 控制台日志(iselement1aboveviewport
ios - 我的工具栏不会显示在 webView 上方
我正在尝试将工具栏添加到我的 View Controller 。我的 View Controller : -(void)loadView { UIWebView *webView = [[U
ios - 希望将内容固定在视差标题下方的分段 Controller 上方
我知道这是一个一般性问题，但任何方向都会有所帮助。所以我正在使用这个模块 https://github.com/maxep/MXSegmentedPager尝试重新创建 Twitter 的个人资料页
html - 如何将保存按钮放在 div 上方
我需要在保存按钮下放置一个带有 id 的 div。这是 html 代码: save 这是我的 : 通过这种方式，div 隐藏了按钮，我的目的是在 div 上方显示按钮。
ios - 下拉刷新文本放置在 tableview 上方
我试图将我的整个 refreshControl 放在 tableview 后面。我可以通过这样做来放置实际的微调器: self.tableView.addSubview(refreshContro
html - 为什么我的列表项显示在其父
上方？
这在 Safari 和 Firefox 中都会发生。我的导航栏看起来像这样: Test 相关的 CSS 看起来像: li { float: left } a:hover {
css - 为什么框阴影不显示在页脚 div 上方？
我在 CSS 中的 #footermain div 上有一个框阴影，但我无法让它显示在绿色页脚上方。我什么都试过了，还是想不通。 #footermain { background: #1f6c
css - 将图像放在旋转 slider 上方
我试图将图像部分放置在旋转 slider 上方( slider 上侧的一部分应该被图像覆盖)我试过 image{position:relative; z-index:10; } slider{posi
html - 向下滚动时内容显示在固定 div 上方
我认为这是一个简单的问题，但我无法理解它。我在页面顶部有一个固定的 div，当我向下滚动查看内容时，内容(文本)显示在该固定 div 上方 5 像素的边距中。该边距(黑色，请参阅 https://js
jquery - 悬停时显示在 div 上方
我有两个 div，在页脚配置中。目的是在悬停时通过显示隐藏的 div 向上扩展页脚。 #extendedFooter, #test { display: none; } #standardFo

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

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