Google Sites按钮在手机和平板预览中始终居中,如何调整为左/右对齐?
Google Sites 移动端按钮左/右对齐设置方案
- 先明确:新版Google Sites的内置按钮组件,在移动端默认会被响应式容器强制居中,直接拖拽到页面角落的操作,在移动端预览时会被系统重置,所以单独调位置没用。
- 实用解决方法:
- 用文本框当容器:插入一个文本框,把按钮拖进文本框内,选中文本框后,在右侧格式面板里设置文本对齐为左对齐/右对齐,按钮会跟着文本框的对齐规则走,移动端预览也能保持对齐状态。
- 自定义HTML嵌入(如果你的站点支持):如果需要更灵活的控制,用HTML嵌入组件,自己写带对齐样式的按钮代码,示例如下:
<div style="text-align: left;"> <a href="你的目标链接" style="padding: 8px 16px; background-color: #4285F4; color: #fff; text-decoration: none; border-radius: 4px;">按钮文字</a> </div>
把代码里的链接和文字换成你自己的,插入后就能稳定实现左/右对齐,不受平台默认样式限制。
内容的提问来源于stack exchange,提问作者user21541047
相关产品推荐
相关产品推荐

