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

WordPress古腾堡建站后点击链接跳行问题求助

解决WordPress古腾堡链接点击后换行的问题
  • 第一步:检查链接的实际样式
    用浏览器开发者工具(F12)选中Features板块的链接,查看Elements面板的Styles标签,确认是否存在以下情况:

    • 链接本身被设置了display:block/display:flex等块级样式,覆盖了你添加的display:inline
    • 父元素(比如古腾堡的容器区块)强制将子元素设为块级
    • 链接带有额外的margin-bottom/padding-bottom,或者伪元素(::after/::before)添加了换行或占位内容
  • 第二步:针对性修复样式
    如果确认是块级样式导致问题,使用更高优先级的CSS覆盖:

    /* 替换为Features板块实际的容器类名 */
    .your-features-container a {
      display: inline !important;
      margin: 0;
      padding: 0;
    }
    /* 若伪元素干扰,清除其内容与样式 */
    .your-features-container a::after,
    .your-features-container a::before {
      content: none;
      display: none;
    }
    
  • 第三步:检查古腾堡区块设置
    进入WordPress后台编辑该页面,查看Features板块使用的古腾堡区块:

    • 若是自定义区块,检查设置选项中是否有「链接换行」「块级链接」类开关
    • 若是默认区块(如列表/文本区块),确认是否误将链接单独放置在新段落块内
  • 第四步:排查插件冲突
    临时禁用所有第三方插件,刷新页面测试链接是否仍换行,排除SEO、样式优化类插件强制修改链接样式的可能。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.10 21:01:21