今天看到pix群里有人问文字溢出如何解决，这个问题我之前也遇到过，然后大佬奶爸（naiba.net）帮忙解决的，他还特地写了一个blog文章，不过最近看他blog暂时不能访问，那我也写一个给pix主题的用户做个备份吧！

言归正传，请把下面的代码直接复制粘贴在pix的自定义css区域内即可！

/* 修复正文区和评论区里的文字溢出 */
.single-content, .comment-list li .com_right {
     word-wrap: break-word; /* 允许在适当的地方断开长链接 */
    word-break: break-all; /* 确保可在任意字符间断开 */
    overflow-wrap: break-word; /* 设置这个属性，提高兼容性 */
}

/* 修复CODE标签里的文字溢出，不处理CODE标签块里的文字溢出 */
code {
    display: inline-block;
    width: 100%;
    white-space: nowrap; /* 确保内容不会换行 */
    overflow-x: auto; /* 设置横向滚动条 */
}
.wp-block-code code {
    display: block;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

代码原作者：naiba.net

转载或引用本站文章请注明出处
© 2024 www.evan.xin