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

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

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

请注意：2025 年 3 月 17 日之后创建的账户无法访问 CTA（传统）工具。

将图片、CTA（传统）或徽标置于中心位置，并使用内嵌样式

使用内嵌样式将图像居中需要对 HTML 有基本的了解。如果您的页面或模板附有样式表或添加了任何其他样式，则可能存在影响图片、CTA（传统）或徽标的现有 CSS。HubSpot 建议您与设计人员合作，确定样式的来源，并进行必要的更改，使您的资产居中。

在电子邮件或页面模板中将图片、CTA（传统）或徽标居中：

• 导航至您的内容：

  • 网站页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
  • 登陆页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
  • 博客：在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
  • 电子邮件：在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 将鼠标悬停在内容上，然后点击编辑。
• 在编辑器中，访问内容的设置：
  • 对于帖子和页面，单击 "设置"菜单并选择 "高级"。
  • 对于电子邮件，单击 "设置 "选项卡 ，然后单击展开 "高级选项 "部分。

• 在 "模板 "部分，单击 "编辑此模板 "在设计管理器中打开模板。

• 在设计管理器中，单击徽标、 行动呼吁或 图片模块。
• 在右栏的内联样式 字段中输入text-align:center; 。

 

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

将模块样式选项中的图片、CTA（传统）或徽标置于中心位置

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

• 使页面或帖子模块居中：

  • 导航至您的内容：

    • 网站页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
    • 登陆页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
    • 博客：在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
    将鼠标悬停在页面或博文上，然后单击 编辑。
  • 在页面编辑器中，单击要居中的模块 。
  • 在左侧面板中，单击 "样式 "选项卡，然后单击展开 "对齐方式和间距 "部分。
  • 在对齐方式下，选择居中 对齐方式。
    
    

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

使用水平间隔器将图片、CTA（传统）或徽标置于中心位置

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

使用水平垫片使模块居中：

• 导航至您的内容：

  • 网站页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
  • 登陆页面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
  • 博客：在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
• 在内容编辑器左侧栏中，单击+ 添加。
• 在搜索栏中搜索水平间隔条。
• 单击并拖动水平间隔条到要居中的模块两侧。然后，调整间隔条的宽度，使元素居中。