在添加了<span>标签后,文本消失了
P粉226642568
P粉226642568 2023-08-13 19:16:16
[HTML讨论组]
<p>我是一个学习Html设计电子邮件模板的新手。我需要在符号前面添加文本,并确保文本在下一行保持对齐。我正在使用&lt;li&gt;标签来正确对齐符号后的文本。但是由于某种原因,它似乎不起作用。</p> <p>在添加&lt;li&gt;标签之后,文本不显示,它消失了。如果我删除&lt;li&gt;,文本又重新出现了。我不确定这种行为的原因是什么。非常感谢任何帮助。提前致谢。</p> <pre class="brush:php;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &lt;link rel="stylesheet" href="style.css" /&gt; &lt;title&gt;Browser&lt;/title&gt; &lt;/head&gt; &lt;div class="b opaf v" style=font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%&gt; &lt;table cellpadding=0 style=border:none;vertical-align:top width=100%&gt; &lt;tr&gt; &lt;td align=left class=x style=font-size:0;word-break:break-word&gt; &lt;div style=text-align:left&gt; &lt;p style=margin:0;text-align:left&gt;&lt;span style=font-size:12px;font-family:Arial,sans-serif;font-weight:400;color:#54565b;line-height:14px&gt;&lt;span style=color:inherit;font-weight:inherit;font-family:inherit;font-size:65%;vertical-align:4px;line-height:0&gt;&amp;sect;&lt;/span&gt;&lt;span&gt;&lt;ul&gt;&lt;li&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt; &lt;/span&gt; &lt;/p&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;script src="script.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre>
P粉226642568
P粉226642568

全部回复(1)
P粉949848849

我认为有些基本的HTML结构没有遵循。我相信这是期望的输出。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="style.css" />
  <title>Browser</title>
</head>

<body>
  <div class="b opaf v" style="font-size: 0; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
    <table cellpadding="0" style="border: none; vertical-align: top; width: 100%;">
      <tr>
        <td align="left" class="x" style="font-size: 0; word-break: break-all;">
          <div style="text-align: left;">
            <ul style="margin: 0; padding-left: 20px; list-style-type: "&sect;;">
              <li style="font-size: 12px; font-family: Arial, sans-serif; font-weight: 400; color: #54565b; line-height: 14px; position: relative;">
                <span style="color: inherit; font-weight: inherit; font-family: inherit; font-size: 65%; vertical-align: 4px; line-height: 0;">&sect;</span>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              </li>
            </ul>
          </div>
        </td>
      </tr>
    </table>
  </div>
  <script src="script.js"></script>
</body>

</html>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号