如果您使用的是在设计管理器工具中创建的布局模板,可通过在模板中添加内嵌样式,将图片、CTA(传统)或徽标模块放在页面、博客或电子邮件的中心位置。
如果使用的模板包含拖放区域,则可以在内容编辑器中将模块对齐居中。你也可以在页面编辑器中使用水平间隔排列模块。
请注意:2025 年 3 月 17 日之后创建的账户无法访问 CTA(传统)工具。
将图片、CTA(传统)或徽标置于中心位置,并使用内嵌样式
使用内嵌样式将图像居中需要对 HTML 有基本的了解。如果您的页面或模板附有样式表或添加了任何其他样式,则可能存在影响图片、CTA(传统)或徽标的现有 CSS。HubSpot 建议您与设计人员合作,确定样式的来源,并进行必要的更改,使您的资产居中。
在电子邮件或页面模板中将图片、CTA(传统)或徽标居中:
- 将鼠标悬停在内容上,然后点击编辑。
- 在编辑器中,访问内容的设置:
- 对于帖子和页面,单击 "设置"菜单并选择 "高级"。
- 对于电子邮件,单击 "设置 "选项卡 ,然后单击展开 "高级选项 "部分。
- 在 "模板 "部分,单击 "编辑此模板 "在设计管理器中打开模板。
- 在设计管理器中,单击徽标、 行动呼吁或 图片模块。
- 在右栏的内联样式 字段中输入text-align:center; 。
将模块样式选项中的图片、CTA(传统)或徽标置于中心位置
如果您使用的模板有拖放区域,在某些模块或部分,您可以选择直接设置对齐方式。但请注意,并非所有模板或模块都有这种样式选项。
- 使页面或帖子模块居中:
导航至您的内容:
将鼠标悬停在页面或博文上,然后单击 编辑。
- 在页面编辑器中,单击要居中的模块 。
- 在左侧面板中,单击 "样式 "选项卡,然后单击展开 "对齐方式和间距 "部分。
- 在对齐方式下,选择居中 对齐方式。
- 将电子邮件模块置于中心位置:
- 在 HubSpot 账户中,导航至营销>电子邮件。
- 将鼠标悬停在电子邮件上,然后单击 "编辑"。
- 单击要居中的模块 。
- 在左侧面板中,单击 "对齐 "下拉菜单并选择 "居中"。
使用水平间隔器将图片、CTA(传统)或徽标置于中心位置
如果您使用的模块没有对齐选项,您可以在内容编辑器中为页面添加水平间隔条,使模块居中。
使用水平垫片使模块居中:
-
导航至您的内容:
- 在内容编辑器左侧栏中,单击+ 添加。
- 在搜索栏中搜索水平间隔条。
- 单击并拖动水平间隔条到要居中的模块两侧。然后,调整间隔条的宽度,使元素居中。