html - 空格之间的空格在 iOS 上不起作用-6ren

html - 空格之间的空格在 iOS 上不起作用

转载作者：太空宇宙更新时间：2023-11-04 08:57:41

25

4

我正在为 outlook 签名。在浏览器中，它在 outlook、gmail 和其他本地邮件中看起来也不错。

在 Android 上它也很好用，但是当我在我的 iPhone 上发送电子邮件时，这条蓝线(在左边)被删除，因为空格不起作用。它也出现在一封电子邮件中。

我创建了示例来说明这里的一切看起来都不错。

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" display:block; width:100%;>
    <table style="
    border-spacing: 0;
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    display: block;">
        <tr>
            <th rowspan="5" style="padding: 0px 0px 0px 15px; border-left:solid 10px #3580C2;"></th>
            <th>
                <div style="text-align:left; font-family:'Calibri light', sans-serif;">
                    <span style="font-size: 14px; display: inline; white-space: nowrap; color: #000; text-align:left;">Test</span><br><br>
                    <span style="font-size: 19px; display: inline; white-space: nowrap; color: #3580C2; text-align:left;">Name</span><br>
                    <span style="font-size: 14px; display: inline; white-space: nowrap; color: #000; text-align:left;">Test Test</span>
                </div>
            </th>
        </tr>
        <tr>
            <td>
                <img src="test/image001.png" width="139" height="209" alt="zdjecie" style="vertical-align: middle;">
            </td>
            <td style="vertical-align:middle; line-height: 1.5em;">
                <div style="font-family:'Calibri', sans-serif; margin-left: 15px;">
                    <img alt="phone" src="test/image006.png" height="18" width="19" style="display: inline;" ></img>
                    <span style="font-size: 15; display: inline; white-space: nowrap;">&nbsp 000 000 000</span>
                    <br>
                    <img alt="fax" src="test/image008.png" height="18" width="19" style="display: inline;">
                    </img>
                    <span style="font-size: 15; display: inline; white-space: nowrap;">&nbsp 000 000 000</span>
                    <br>
                    <img alt="cell" src="test/image010.png" height="18" width="19" style="display: inline;">
                    </img>
                    <span style="font-size: 15; display: inline; white-space: nowrap;">&nbsp 000 000 000</span>
                    <br>
                    <img alt="mail" src="test/image012.png" height="18" width="19" style="display: inline; "></img>
                    <span style="font-size: 15; display: inline">&nbsp name@web.com</span>
                    <br><br>
                    <span style="display: inline; font-size: 16"><b>Company</b></span>
                    <br>
                    <span style="display: inline; font-size: 15">Address</span>
                    <br>
                    <span style="display: inline; font-size: 15">NIP: 00000000</span>
                    <br>
                    <a style="color:black; text-decoration:none; display: block;" href="http://www.web.com">
                        <span style="display: inline; font-size: 16;"><b>www.web.com</b></span></a>
                    <br>
                </div>
            </td>
        </tr>
    </table>
<table style="
    border-spacing: 0;
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    display: block;">
  <tr>
    <th rowspan="3" style="white-space: nowrap; padding: 0px 0px 0 15px; border-left:solid 10px #3580C2; margin-bottom: 0;
      padding-bottom: 0; text-align:left; line-height: 18px;"></th>

    <td rowspan="2">
    <br>
<img src="test/image014.png" style="width: 274px; height: 35px;"></img>
<br><br>
</td>
  </tr>
</table>
<table style="
    border: none;
    border-collapse: collapse;
    padding: -10px 0px 0px 0px; 
    margin: 0;
    display: block;">
  <tr>
    <th rowspan="3" style="white-space: nowrap; padding: 0px 0px 0 15px; border-left:solid 10px #3580C2; margin-bottom: 0;
      padding-bottom: 0; text-align:left; line-height: 18px;"></th>
      <th colspan="3"></th>
  </tr>
  <tr>
     <td style="width: 760px;">
     <div style="font-family:'Calibri', sans-serif; font-size:10px; color:#aaa; margin-left: 15px;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam. Phasellus sodales elementum nisl ornare ultricies. Sed leo ex, congue sed gravida eu, accumsan vel dui. Vivamus dolor mi, pharetra non augue ut, eleifend porta ipsum. Ut laoreet pellentesque sem ac imperdiet. Nulla nec enim metus. Nam interdum, nisl at pharetra venenatis, dolor odio efficitur neque, eget tincidunt purus erat sed velit. Curabitur dictum, augue vel auctor bibendum, quam nisl malesuada leo, eu gravida est turpis at justo. Nullam quis urna a eros accumsan tristique dictum eget massa. Vivamus fermentum ante metus, maximus eleifend dui ultricies ut. Suspendisse potenti. Quisque ut vehicula augue. Ut interdum efficitur eros, porta mollis odio semper quis..</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam. Phasellus sodales elementum nisl ornare ultricies. Sed leo ex, congue sed gravida eu, accumsan vel dui. Vivamus dolor mi, pharetra non augue ut, eleifend porta ipsum. Ut laoreet pellentesque sem ac imperdiet. Nulla nec enim metus. Nam interdum, nisl at pharetra venenatis, dolor odio efficitur neque, eget tincidunt purus erat sed velit. Curabitur dictum, augue vel auctor bibendum, quam nisl malesuada leo, eu gravida est turpis at justo. Nullam quis urna a eros accumsan tristique dictum eget massa. Vivamus fermentum ante metus, maximus eleifend dui ultricies ut. Suspendisse potenti. Quisque ut vehicula augue. Ut interdum efficitur eros, porta mollis odio semper quis.</p>
</div>
</td>
  </tr>
</table>
</body>

蓝线就是这样。它看起来像三张 table ，中间有很大的空间。 Stripped line

最佳答案

我无法回答您的问题本身，但是简单地在整个表格上放置一个 div 并使用以下 css 会不会更容易:

.divclass {
     border-left-width:10px;
     border-left-style:solid;
     border-left-color:#3580C2;
}

我认为那会更容易，也许它也有助于解决您的 IOS 问题？评论它是否可以解决您的问题:)

编辑:我忘了如果你在 table 上做一个 div 你可能需要 float:left..

.divclass {
     border-left-width:10px;
     border-left-style:solid;
     border-left-color:#3580C2;
     float:left;
}

关于html - 空格之间的空格在 iOS 上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43000949/

25

4

0

文章推荐： javascript - AngularJS Ngdraggable 问题

文章推荐： Java - 使用 FileOutputStream append 到 Excel 文件

文章推荐： JavaScript 调整以更改文本的阴影

java - 正则表达式 30 个数字 + 空格 + 连字符 + 空格 1 个数字
我有这个代码来查找这个模式:201409250200131738007947036000 - 1，在文本内 final String patternStr = "(\\d{
正则表达式删除方括号/空格
我正在尝试使用正则表达式清除一些用户输入，以删除 [ 和 ] 并删除任何大于 1 个空格的空格。但我似乎无法实现我想要的效果。这是我第一次使用正则表达式，所以我对如何写出来有点困惑。 (preg_re
Java正则表达式匹配单词+空格
我正在尝试构建这个简单的正则表达式来匹配 Java 中的单词+空格，但我在尝试解决它时感到困惑。该网站上有很多类似的示例，但答案大多给出了正则表达式本身，而没有解释它是如何构造的。我正在寻找的是形成
Python删除行之间的输入/空格
好吧，我已经阅读了很多建议如何消除多余空间的帖子，但无论出于何种原因，我似乎无法将这些建议应用到我的系统中，所以我在这里寻求您的帮助。这些是我代码的最后几行: for line in rli
javascript - 如何删除某些空的新行/空格
所以我正在我的测试存储上学习网页抓取，但我不确定如何正确地从“sizes”数组中删除空的新行。 const $ = cheerio.load(body) $('div.lis
javascript - 输入表单中不允许有空白字符/空格
这个问题已经有答案了: How to prevent invalid characters from being typed into input fields (8 个回答) 已关闭 9 年前。是
java - 忽略空格、空格
有人知道如何让扫描仪忽略空间吗？我想输入名字和第二个名字，但扫描仪不让我输入，我想保存全名 String name; System.out.print("Enter name: "); name =
VIM:空格/制表符缩进
这个问题在这里已经有了答案: Make Vim show ALL white spaces as a character (23 个回答) 关闭 8 年前。 VIM(使用 Solarized Dar
java - 流标记器、空格
我想使用 StreamTokenizer 从 java 文件中提取名称。我已将空格设置为逗号 inputTokenizer.whitespaceChars(',', ','); 但是，
Java:读取txt文件并将其保存在字符串数组中但不带反斜杠(空格)？
我正在使用此代码逐行读取 txt 文件。 // Open the file that is the first command line parameter FileInputStream fstre
Java 正则表达式 - 空格
我似乎无法弄清楚我需要的正则表达式。这就是我想要实现的目标: {ANY CHAR} + @javax.persistence.Column(name = "{ANY 30 CHARS}") + {AN
StyleCop 和 = 空格
我正在运行 StyleCop(顺便说一句，如果你想提供高质量的代码，我完全推荐它)... 我有这条线 [System.Xml.Serialization.XmlRootAttribute(Namesp
PhpStorm 在每次保存时删除制表符/空格
我刚刚更新到 PhpStorm 2016，我突然注意到，每次我按 Ctrl + S 保存文件时，它都会删除我在测试这段代码后按下以继续编写的空格/制表符。请帮忙，这对我来说很烦人，因为我在每一行代码
c - 输入名称(空格)
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 7 年前。 Improve th
c - 删除c程序中的制表符/空格
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
路径中的 C# 空格
我已经看过几十个关于这个主题的问题和答案，但我仍然无法解决我的问题。我在我的代码中使用了一个外部 ffmpeg 转换器，我将文件路径作为参数传递，如下所示: OutputPackage oo = c
c - 空格、特殊字符和转义序列
谁能详细解释一下它们是什么以及它们之间的区别。提前致谢。最佳答案转义序列是代表其他内容的字符序列。例如(“\n” = 新行，“\?” = 问号等)。有关更详细的列表，请检查:https://en.
javascript - 从数组中删除换行符/空格
我无法从我的 javascript 文本中删除换行符。这是我正在处理的数据示例: 0: "Christian Pulisic" 1: "↵" 2: "From Wikipedia, the free
java - 从字符串Java的开头和结尾删除新行/空格
我有一个问题 - 我似乎无法从字符串的开头/结尾删除新行/空格。我在正则表达式的开头和结尾使用 \s ，甚至在获取字符串后使用 .trim() ，但无济于事。 public void extractI
用于超链接的变量中的 PHP 空格
我是 php 的新手，我正在尝试将一系列变量添加到 html 超链接中。但是，任何返回空格的变量都会弄乱超链接。 Grants Test

首页

博学

6Ren·AI

商城

html - 空格之间的空格在 iOS 上不起作用