为MailChimp HTML CSS添加2栏布局
可以通过以下步骤实现：
- 创建HTML文件：首先，创建一个HTML文件，并在文件中添加必要的标签和结构。可以使用以下代码作为起点：
<!DOCTYPE html>
<html>
<head>
<title>MailChimp 2-Column Layout</title>
<style>
/* CSS样式将在下面添加 */
</style>
</head>
<body>
<div class="container">
<div class="column1">
<!-- 第一列内容将在下面添加 -->
</div>
<div class="column2">
<!-- 第二列内容将在下面添加 -->
</div>
</div>
</body>
</html>- 添加CSS样式：在上述HTML文件中的
<style>标签内，添加以下CSS样式来创建2栏布局：
.container {
display: flex;
}
.column1 {
flex: 1;
padding: 20px;
background-color: #f2f2f2;
}
.column2 {
flex: 1;
padding: 20px;
background-color: #e6e6e6;
}上述CSS样式使用了Flexbox布局来实现2栏布局。.container类设置为display: flex;，使其成为一个Flex容器。.column1和.column2类设置为flex: 1;，使它们平均占据容器的宽度，并设置了一些背景颜色和内边距。
- 添加内容：在HTML文件中的
<div class="column1">和<div class="column2">标签内，添加相应的内容。例如：
<div class="column1">
<h2>Column 1</h2>
<p>This is the content of column 1.</p>
</div>
<div class="column2">
<h2>Column 2</h2>
<p>This is the content of column 2.</p>
</div>根据需要，可以在每个列中添加标题、段落、图像或其他任何所需的内容。
- 验证布局：保存并打开HTML文件，确保2栏布局正确显示。第一列应该具有灰色背景，第二列应该具有浅灰色背景，并且它们应该平均占据整个容器的宽度。
这是一个基本的MailChimp HTML CSS 2栏布局的示例。根据具体需求，可以进一步自定义样式和布局。
相关·内容
我得到了一个从MailChimp导出的mailchimp布局。现在的布局是3列，但在Mobile中是1列。下面是代码: goo.gl/Fj8Ct7
浏览 13提问于2017-07-12得票数 0
回答已采纳
我用mailchimp发送订阅邮件。在一般的表单中，我可以使用design选项卡定制邮件的设计。但是，是否有可能重新设计订阅按钮文本样式，例如使订阅按钮文本大写？
浏览 6提问于2016-07-22得票数 2
回答已采纳
我正在编写我的第一个Mailchimp模板，并添加了一个简单的HTML表。现在，我想将表行着色设置为交替的每一行。我想使用这个CSS： tr:nth-child(even){background-color: #f2f2f2}我找不到把这个CSS如果有人能解释我会在哪里把这个CSS插入到Mailchimp</
浏览 2提问于2016-03-14得票数 0
回答已采纳
我已经创建了一个带有可编辑区域的MailChimp模板。 <!当我使用MailChimp界面并编辑按钮时，编辑文本很好，并且保留了样式，但是一旦我更改链接URL，它就会变成蓝色和下划线。
即使将编辑器切换到源代码并插入内联样式，也不会覆盖此问题。MailChimp没有解决方案。
浏览 1提问于2015-09-18得票数 2
回答已采纳
我添加了一个mailchimp嵌入表单，我直接从mailchimp复制并粘贴该表单，但在控制台日志中出现以下错误这是html.erb：(rails)
<link href="//cdn-images.mailchimp.com&#
浏览 0提问于2014-09-16得票数 2
2回答
如何使自定义邮件黑猩猩表单内联
、、、、
我有一个选择-为我的公司网站的表格，但它不会去内联。我不确定它是不是玩得不好。HTML <div class="row">
</form>
浏览 3提问于2017-01-04得票数 0
回答已采纳
3回答
我想知道，是否有软件可以将(web html css)转换为(e-mail html inline css)文件，以便从大多数电子邮件客户端(如outlook、Thunderbird或gmail、yahoo我希望能够像编写xhtml文件一样编写代码，然后将该文件导入程序，并将div转换为表，将css转换为与电子邮件客户端兼容的内联样式。
有什么建议吗？
浏览 4提问于2012-03-19得票数 18
回答已采纳
1回答
如何通过PHP更改HTML类？
、、、、
我使用MailChimp发送时事通讯，并在输入电子邮件后设法将页面访问者重定向到自定义的PHP文件。这个过程是这样的：
我被困在第4点，因为我不知道如何用PHP在HTML文件中更改CSS类。网页仍然保留在HTML中是很重要的(否则我会在PHP中使用一个
浏览 3提问于2014-03-29得票数 1
回答已采纳
我正尝试在Mailchimp的列表中添加几个字段。这段代码工作正常，除了'FNAME‘、'LNAME’和'ADDRESS‘没有插入(检查邮件黑猩猩站点后，列表中显示为空白)。$Mailchimp = new Mailchimp( $api_key );
$Mailchimp_Lists = new Mailchimp_Lists( $Mailchimp );PHONE' => $l_
浏览 0提问于2020-05-23得票数 0
2回答
我添加了来自MailChimp的代码供订阅弹出，它在桌面上运行良好，但在移动上，它只是显示交叉按钮，其他一切都是隐藏的。当我旋转移动，再旋转，然后我可以看到弹出。我也不知道原因<head>
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-
浏览 0提问于2019-04-20得票数 1
回答已采纳
当我终于让我的自定义字体在一个自定义的Mailchimp模板中工作时，我真的很兴奋。我在模板的头部添加了以下内容：这
浏览 2提问于2015-02-16得票数 1
4回答
我正在尝试弄清楚如何在一个简单的html电子邮件提交表单上将“提交”按钮放在提交字段的右侧，而不是字段的下面。此表单将连接到我的Mailchimp电子邮件列表，这样当有人输入他们的电子邮件时，它会立即添加到Mailchimp中。这是我到目前为止所掌握的。真的很感谢你的帮助。<link href="http://cdn-images.mailchimp.com
浏览 0提问于2013-03-12得票数 4
如果我有以下一组模板：{{ head }}
frontpage.html:layout: default Frontpageindex.html:layout: frontpage我原以为{% capture head %}会将一个变量传递给布局。是否有方法将capture-d var传递给Jekyll中的<
浏览 0提问于2013-07-21得票数 21
回答已采纳
我在上使用MailChimps内联css表单。它做了一个很好的工作，准备一个html文件，用于发送电子邮件。这是我想要实现的目标的开始：
curl post -d @input.html apiKey=xxxxxxxx "http://us1.api.mailchimp.com/1.2/"
浏览 0提问于2012-07-08得票数 0
回答已采纳
3回答
我在一个html页面中嵌入了三个不同的自定义mailchimp表单，它们指向一个列表(每个表单都有两个相似的字段和一个不同的隐藏字段)。<script type='text/javascript' src='http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'&
浏览 1提问于2014-12-24得票数 5
我正在使用服务(MailChimp)撰写一封超文本标记语言电子邮件。MailChimp标记标题的方式是使用SPAN标记，并为该标记提供display:block的内联样式。是，我知道Outlook使用MS Word显示HTML。如何让MS Outlook接受CSS样式display:block并将SPAN标记显示为块级元素？
浏览 6提问于2012-01-24得票数 21
回答已采纳
似乎这两行都是用来添加css .Then的，有什么区别？它们是如何工作的。 $this->fetch('css')
浏览 1提问于2013-12-19得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
