如何仅使用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
相关产品推荐
相关产品推荐

