侧边栏壁纸
博主头像
luoxx博主等级

只要思想不滑坡,办法总比困难多

  • 累计撰写 53 篇文章
  • 累计创建 58 个标签
  • 累计收到 987 条评论

目 录CONTENT

文章目录

谷歌搜索页面居中改造

luoxx
2022-03-17 / 9 评论 / 6 点赞 / 5,419 阅读 / 354 字
温馨提示:
本文最后更新于 2022-12-16,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

谷歌搜索整个页面基本上是靠左对齐的,这对大屏幕大分辨率或者带鱼屏用户极其不友好,老是要歪着头去看搜索结果,所以需要改造一下

修改之前效果

search-before

插件Stylus

Stylus 是一个调整网页外观的用户样式管理器。它可让您轻松地为许多热门网站网站安装主题和皮肤。

通过Stylus可以轻松的改变网页显示效果,所以只需要安装这个插件就可以比较灵活的自定义谷歌的搜索页面了。

谷歌的插件市场访问不了,我这边把插件上传了,需要的可以下载: 点我下载

插件配置

image-1647496503332

如图,插件配置好之后在右上角可以看到插件图标,在谷歌标签页点开之后点击域名就可以给当前该域名添加规则

image-1647496606514

添加完样式之后保存即可

样式代码如下

@media(min-width:1410px){
    #hdtb .MUFPAc{margin-left:0;}
    .Q3DXx .tsf > div:nth-child(1){margin-left:-150px;}
    #extabar {display: flex;justify-content: center;}
    #slim_appbar {width: 1280px;margin-left:0;padding-left: 150px;box-sizing: border-box;}
    #searchform .tsf{margin:0 auto}
    #pTwnEc{display:flex;justify-content:center}
    #hdtbMenus{display:flex;justify-content:center;width: 1280px;padding-left: 150px;}
    #rcnt{margin:0 auto}
    #fbar{text-align:center}
    #topabar{max-width:1197px;margin:0 auto;min-width:1100px}
    .K1fSEd{text-align:center;}
}

修改后效果

search-after

6

评论区