将html字母放入引导div，而不破坏样式。
假设我有一封非常棒的html电子邮件。要旨。
我想把它放在一个HTML页面中，这个页面是用引导程序制作的。如下所示：
<div class='col-md-4'>
<h1>Hello</h1>
</div>
<div class='col-md-8'>
HERE
</div>如果我马上做的话，我的风格就会崩溃。一切都变得一团糟。如果我开始从消息中删除样式，它将开始失去它的颜色、字体大小等。
基本上，我希望保持信息完整，但我需要以下内容才是正确的：
- 消息保持其电子邮件样式，而不覆盖外部文档样式。
- 外部文档保持其引导样式。
- 消息完全符合-md-8 div，没有破坏任何东西。
这有可能吗？
回答 1
Stack Overflow用户
发布于 2015-09-12 19:57:52
可以使用iframe，也可以使用php include。
对于后者，只需将电子邮件正文内容(<body>....</body>中的内容)复制到一个新文件中，并将其命名为email.php (别担心)。只涉及一行php )。
然后，在当前的网页中添加一个php include行，如下所示：
<div class='col-md-4'>
<h1>Hello</h1>
</div>
<div class='col-md-8'>
<?php include 'email.php';?>
</div>然后，将<style>....</style>中的css复制到一个新文件中，例如`email.css‘，并将当前的网页(而不是email.php)链接到该css。
N.B.只需确保将当前网页的名称从someName.html重命名为someName.php，并确保email.php与主文件位于同一个目录中，并且可以继续运行。
您提到，您希望主网页和电子邮件网页的样式相互独立。为此，只需使用div包装器包装email.php内容，如下所示：
<div id="specialStyle">
<!-- your email content -->
</div>现在，对于id或类在两个页面上相同的任何元素，例如：
#commonName { /* <---- This is the main webpage --> */
font-size:14px;
}
#commonName { /* <---- This is the email webpage --> */
font-size:18px;
}只需将#specialStyle添加到电子邮件版本，如下所示：
#specialStyle #commonName {
font-size:18px;
}https://stackoverflow.com/questions/32542880
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号