將HTML字母放入引導div中而不破壞樣式

Question

假設我有一封很棒的html電子郵件信。 要點

我想將其放入使用引導程序制作的HTML頁面中。 像這樣：

<div class='col-md-4'>
  <h1>Hello</h1>
</div>

<div class='col-md-8'>
  HERE
</div>

如果我立即這樣做，我的風格就會中斷。 一切都變得一團糟。 如果我開始從消息中剪切出樣式，它將開始失去其顏色，字體大小等。

基本上，我希望消息保持完整，但我需要滿足以下條件：

郵件保持其電子郵件樣式，而不是覆蓋外部文檔樣式
外部文檔保留其引導樣式
消息完全適合col-md-8 div，而不會破壞任何內容

這有可能嗎？

Answer 1

您可以使用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。

注意：只需確保將當前網頁從someName.html重命名為someName.php ，並確保您的email.php與主文件位於同一目錄中就可以了。

您提到要使主網頁和電子郵件網頁的樣式彼此獨立。 為此，只需使用如下的div包裝器包裝email.php內容：

<div id="specialStyle">
    <!-- your email content -->
</div>

現在，對於兩個頁面上id或class相同的任何元素，請說：

#commonName { /* <---- This is the main webpage --> */
    font-size:14px;
}
#commonName { /* <---- This is the email webpage --> */
    font-size:18px;
}

只需將#specialStyle添加到電子郵件版本中，如下所示：

#specialStyle #commonName {
    font-size:18px;
}

將HTML字母放入引導div中而不破壞樣式

問題描述

1 個解決方案

解決方案1
0 2015-09-12 19:57:52

將HTML字母放入引導div中而不破壞樣式

問題描述

1 個解決方案

解決方案1 0 2015-09-12 19:57:52

解決方案1
0 2015-09-12 19:57:52