You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅使用CSS将Gmail标签移至第二行

解决Gmail标签遮挡主题行的CSS方案

我平时靠自定义规则用Gmail标签自动分类邮件,但标签会挡在主题行前面,导致主题内容看不全。后来我只用CSS就把标签移到了第二行,完美解决了这个问题:

  • 修改前:标签挤占主题行空间,部分主题内容被遮挡
  • 修改后:标签单独显示在主题行下方,主题内容完整可见

实现这个效果的CSS代码如下:

/* 强制Gmail标签块级显示,移至下一行 */
.xY.a4W {
    display: block !important;
    margin-top: 4px;
}

/* 让主题行容器占满宽度,避免布局挤压 */
.zF {
    width: 100% !important;
}

你可以通过Stylus、Tampermonkey这类浏览器扩展,将这段CSS应用到Gmail网页端,就能看到效果了。

内容的提问来源于stack exchange,提问作者Craig Lambie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 15:40:49