jpg不是我的html代码的中心
您好,我正在尝试根据我的代码找出如何将此图像居中:仅使用“居中”标记对其进行了编辑,但仍然相同:jpg不是我的html代码的中心,html,image,Html,Image,您好,我正在尝试根据我的代码找出如何将此图像居中:仅使用“居中”标记对其进行了编辑,但仍然相同: <html> <head> <!-- This is a simple example template that you can edit to create your own custom templates --> <meta http-equiv="Content-type" content="text/html; charset
<html>
<head>
<!-- This is a simple example template that you can edit to create your own custom templates -->
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>*|MC:SUBJECT|*</title>
<style type="text/css" media="screen">
/* NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
MailChimp automatically inlines CSS for you or you can use this tool: http://www.mailchimp.com/labs/inlinecss.php. */
/**
* @tab Page
* @section background color
* @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
* @theme page
*/
body {
/*@editable*/ background-color: #cccccc;
text-align:center;
}
/**
* @tab Page
* @section border
* @tip Add a border to help your template content stand out from your email's background.
*/
#layout {
/*@editable*/ border: 5px solid #999999;
/*@editable*/ background:#ffffff;
margin: 10px auto;
text-align:left;
}
/**
* @tab Header
* @section header bar
* @tip Choose a set of colors that look good with the colors of your logo image or text header.
*/
#header {
/*@editable*/ background-color: #cccccc;
/*@editable*/ padding: 0px;
/*@editable*/ color: #333333;
/*@editable*/ font-size: 30px;
/*@editable*/ /*font-family: Georgia;*/
/*@editable*/ /*font-family: Calibri;*/
/*@editable*/ /*text-align: left;*/
}
/**
* @tab Body
* @section default text
* @tip This is the default text style for the body of your email.
* @theme content
*/
#content {
/*@editable*/ /*font-size: 13px;*/
/*@editable*/ font-size: 18px;
/*@editable*/ color: #333333;
/*@editable*/ /*font-family: Helvetica;*/
/*@editable*/ font-family: Calibri;
/*@editable*/ line-height: 1.25em;
/*@editable*/ padding: 10px 30px;
}
/**
* @tab Body
* @section title style
* @tip Titles and headlines in your message body. Make them big and easy to read.
* @theme title
*/
.primary-heading {
/*@editable*/ /*font-size: 28px;*/
/*@editable*/ font-size: 26px;
/*@editable*/ font-weight: bold;
/*@editable*/ color: #8b0000;
/*@editable*/ /*font-family: Georgia;*/
/*@editable*/ font-family: Calibri;
/*@editable*/ /*line-height: 150%;*/
/*@editable*/ line-height: 100%;
/*@editable*/ margin: 25px 0 0 0;
/*@editable JUST ADDED*/ text-align: center;
}
/**
* @tab Body
* @section subtitle style
* @tip This is the byline text that appears immediately underneath your titles/headlines.
* @theme subtitle
*/
.secondary-heading {
/*@editable*/ /*font-size: 20px;*/
/*@editable*/ /*font-weight: bold;*/
/*@editable*/ color: #000000;
/*@editable*/ font-style: normal;
/*@editable*/ /*font-family: Georgia;*/
/*@editable*/ margin: 25px 0 5px 0;
}
/**
* @tab Footer
* @section footer
* @tip You might give your footer a light background color and separate it with a top border
* @theme footer
*/
#footer {
/*@editable*/ background-color: #eeeeee;
/*@editable*/ border-top: 0px none #ffffff;
/*@editable*/ padding: 20px;
/*@editable*/ font-size: 10px;
/*@editable*/ color: #333333;
/*@editable*/ line-height: 100%;
/*@editable*/ font-family: Verdana;
}
/**
* @tab Footer
* @section link style
* @tip Specify a color for your footer hyperlinks.
* @theme link_footer
*/
#footer a {
/*@editable*/ color: #800000;
/*@editable*/ text-decoration: underline;
/*@editable*/ font-weight: normal;
}
/**
* @tab Page
* @section link style
* @tip Specify a color for all the hyperlinks in your email.
* @theme link
*/
a, a:link, a:visited {
/*@editable*/ color: #800000;
/*@editable*/ text-decoration: underline;
/*@editable*/ font-weight: normal;
}
</style>
</head>
<body>
<table id="layout" border="0" cellspacing="0" cellpadding="0" width="600">
<tr align="center">
<td id="header" align="center" width=600>
<!-- NOTE: This image would trigger the display of a placeholder block with edit links when shown in the MailChimp editor interface -->
<img mc:edit="header-image" style="max-width: 600px;" src="http://www.wikima4.com/assets/images/mailchimpImages/wikima4_karte.jpg" mc:allowdesigner mc:allowtext />
</td>
</tr>
<tr>
<td id="content" mc:edit="content">
<h1 class="primary-heading"></h1>
</p>
</td>
</tr>
<tr>
<td id="footer" mc:edit="footer">
<p><!-- *|IFNOT:ARCHIVE_PAGE|* -->
<a href="*|ARCHIVE|*" class="adminText">view email in browser</a> | <!-- *|END:IF|* -->
<a href="*|UNSUB|*">Unsubscribe</a> *|EMAIL|* | <a href="*|FORWARD|*">Forward to a friend</a></p>
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
<p>*|LIST:DESCRIPTION|*</p>
<p>*|HTML:LIST_ADDRESS_HTML|*</p>
<!-- *|END:IF|* -->
</td>
</tr>
</table>
<span style="padding: 0px;"></span>
</body>
*|主持人:主题*
/*注意:CSS应该内联,以避免在某些电子邮件客户端(如GMail)中被剥离。
MailChimp会自动为您插入CSS,您也可以使用此工具:http://www.mailchimp.com/labs/inlinecss.php. */
/**
*@制表页
*@section背景色
*@tip选择HTML电子邮件背景的颜色。您可以选择一个与您公司的品牌相匹配的品牌。
*@主题页
*/
身体{
/*@可编辑*/背景色:#CCCC;
文本对齐:居中;
}
/**
*@制表页
*@剖面边界
*@tip添加边框以帮助模板内容从电子邮件背景中脱颖而出。
*/
#布局{
/*@可编辑*/边框:5px实心#999999;
/*@可编辑*/背景:#ffffff;
利润率:10px自动;
文本对齐:左对齐;
}
/**
*@制表符标题
*@节标题栏
*@tip选择一组与徽标图像或文本标题颜色匹配的颜色。
*/
#标题{
/*@可编辑*/背景色:#CCCC;
/*@可编辑*/填充:0px;
/*@可编辑*/颜色:#333333;
/*@可编辑*/字体大小:30px;
/*@可编辑*/*字体系列:Georgia*/
/*@可编辑*/*字体系列:Calibri*/
/*@可编辑*/*文本对齐:左*/
}
/**
*@tab-Body
*@节默认文本
*@tip这是电子邮件正文的默认文本样式。
*@主题内容
*/
#内容{
/*@可编辑*/*字体大小:13px*/
/*@可编辑*/字体大小:18px;
/*@可编辑*/颜色:#333333;
/*@可编辑*/*字体系列:Helvetica*/
/*@可编辑*/字体系列:Calibri;
/*@可编辑*/线高:1.25em;
/*@可编辑*/填充:10px 30px;
}
/**
*@tab-Body
*@章节标题样式
*@tip消息正文中的标题和标题。把它们做成大的,容易阅读的。
*@主题标题
*/
.主要标题{
/*@可编辑*/*字体大小:28px*/
/*@可编辑*/字体大小:26px;
/*@可编辑*/字体大小:粗体;
/*@可编辑*/颜色:#8b0000;
/*@可编辑*/*字体系列:Georgia*/
/*@可编辑*/字体系列:Calibri;
/*@可编辑*/*线高:150%*/
/*@可编辑*/行高:100%;
/*@可编辑*/页边距:25px 0;
/*@可编辑刚添加*/文本对齐:居中;
}
/**
*@tab-Body
*@节字幕样式
*@tip这是出现在标题/标题下的署名文本。
*@主题字幕
*/
.副标题{
/*@可编辑*/*字体大小:20px*/
/*@可编辑*/*字体大小:粗体*/
/*@可编辑*/颜色:#000000;
/*@可编辑*/字体样式:普通;
/*@可编辑*/*字体系列:Georgia*/
/*@可编辑*/页边距:25px 0 5px 0;
}
/**
*@制表符页脚
*@节尾
*@tip你可以给你的页脚一个浅色背景,并用上边框隔开
*@主题页脚
*/
#页脚{
/*@可编辑*/背景色:#eeeeee;
/*@可编辑*/边框顶部:0px无#ffffff;
/*@可编辑*/填充:20px;
/*@可编辑*/字体大小:10px;
/*@可编辑*/颜色:#333333;
/*@可编辑*/行高:100%;
/*@可编辑*/字体系列:Verdana;
}
/**
*@制表符页脚
*@节链接样式
*@tip指定页脚超链接的颜色。
*@主题链接\u页脚
*/
#页脚a{
/*@可编辑*/颜色:#800000;
/*@可编辑*/文本装饰:下划线;
/*@可编辑*/字体大小:正常;
}
/**
*@制表页
*@节链接样式
*@tip为电子邮件中的所有超链接指定颜色。
*@主题链接
*/
a、 a:链接,a:已访问{
/*@可编辑*/颜色:#800000;
/*@可编辑*/文本装饰:下划线;
/*@可编辑*/字体大小:正常;
}
|
*|电子邮件|*|
*|列表:说明*
*|HTML:列表地址HTML*
检查所有的页边距和所有内容,他们可能会抛出t
<td id="header" align="center" width=600>
<img mc:edit="header-image" style="max-width: 600px;" src="http://www.wikima4.com/assets/images/mailchimpImages/wikima4_karte.jpg" mc:allowdesigner mc:allowtext />
</td>
<td id="header" width=600>
<div style="text-align:center;"><img mc:edit="header-image" style="max-width: 600px;"
src="http://www.wikima4.com/assets/images/mailchimpImages/wikima4_karte.jpg"
mc:allowdesigner mc:allowtext /></div>
</td>