跳到内容

将图像、CTA(传统)或徽标放在电子邮件或页面的中心位置

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

营销 Hub   Professional , Enterprise
内容 Hub   Professional , Enterprise
旧版 Marketing Hub Basic

如果您使用的是在设计管理器工具中创建的布局模板,可通过在模板中添加内嵌样式,使页面、博客或电子邮件中的图片、CTA(传统)或徽标模块居中。

如果使用的模板包含拖放区域,则可以在内容编辑器中将模块对齐居中。你也可以在页面编辑器中使用水平间隔排列模块。

使用内嵌样式使图片、CTA(传统)或徽标居中

请注意

  • 这种方法需要对 HTML 有基本的了解。
  • 如果您的页面或模板附加样式表或添加了任何其他样式,可能会有现有的 CSS 影响您的图片、CTA(传统)或徽标。HubSpot 建议与设计人员合作确定样式的来源,并进行必要的更改,使您的资产居中。

在电子邮件或页面模板中将图片、CTA(传统)或徽标居中:

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 电子邮件:在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 将鼠标悬停在内容上,然后单击编辑
  • 在编辑器中,访问内容的设置:
    • 对于文章和页面,单击 "设置"菜单并选择 "高级"。
    • 对于电子邮件,单击 "设置 "选项卡 ,然后单击展开 "高级选项 "部分。
  • 在 "模板 "部分,单击 "编辑此模板 "在设计管理器中打开模板。

  • 在设计管理器中,单击徽标 行动号召 图片模块
  • 在右侧栏中, 内联样式 字段输入text-align:center;

  • 在右上角,单击 "发布更改",将更改应用到此模板。

将模块样式选项中的图片、CTA(传统)或徽标居中

如果您使用的模板有拖放区域,在某些模块或部分,您可以选择直接设置对齐方式。但请注意,并非所有模板或模块都有这种样式选项。

  • 将页面或文章模块居中:
    • 导航至内容:

      • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
      • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
      • 博客:在 HubSpot 帐户中,导航到内容 > 博客
      将鼠标悬停在页面或博文上,然后单击 " 编辑"
    • 在页面编辑器中,单击要居中的模块
    • 在左侧面板中,单击 "样式 "选项卡,然后单击展开 "对齐方式和间距 "部分。
    • 对齐方式下,选择居中 对齐方式。

  • 将电子邮件模块居中:
    • 在 HubSpot 账户中,导航至营销>电子邮件
    • 将鼠标悬停在电子邮件上,然后单击 "编辑"。
    • 单击要居中的模块
    • 在左侧面板中,单击 "对齐 "下拉菜单并选择 "居中"。

使用水平间隔对齐图片、CTA(传统)或徽标

如果您使用的模块没有对齐选项,您可以在内容编辑器中为页面添加水平间隔条,将模块居中。

使用水平间隔条使模块居中:

  • 导航至内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  • 在内容编辑器左侧栏中,单击+ 添加
  • 在搜索栏中搜索水平间隔条。
  • 单击并拖动水平间隔条到要居中的模块两侧。然后,调整间隔条的宽度,使元素居中。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助