修改style.css后WordPress文章页仅显示[...]，内容无法完整展示

别慌，我来帮你搞定这个麻烦！修改CSS时不小心搞砸样式导致内容异常是很常见的情况，咱们一步步来排查解决：

• 先尝试快速恢复：如果你之前有style.css的备份文件，直接替换回去就能立刻恢复正常；要是用了Git这类版本控制工具，直接回滚到修改前的版本就行。如果都没有，很多主机面板都有文件历史恢复功能，找找看有没有最近的备份可以用。

• 排查style.css里的错误样式：大概率是你不小心加了或者改了导致文本截断的规则，比如：

  • 有没有给文章内容容器（比如.post-content、.article-body这类选择器）加了overflow: hidden+text-overflow: ellipsis+white-space: nowrap的组合？这会强制文本单行并截断超出部分。
  • 有没有误设了极小的max-height或者height值，让容器只能显示一小部分内容？
  • 有没有语法错误（比如未闭合的大括号、写错的属性名）？这类错误会让浏览器忽略后续的所有样式，导致页面失去原本的格式。

• 用浏览器开发者工具定位问题：按下F12打开开发者工具，选中显示异常的文章文本元素，切换到「Styles」面板，看看哪些来自style.css的规则在影响它。找到那些和隐藏、截断相关的样式，直接在工具里临时禁用，看看页面会不会恢复正常——确定是哪条规则搞的鬼后，回到style.css里修改或删除它就行。

• 逐步排查定位错误点：要是实在找不到问题，可以先把style.css里的内容暂时清空，然后一点点把之前的样式加回去，每加一部分就刷新页面看看，直到出现异常，这样就能精准定位到出错的代码段了。

举个例子，如果你的style.css里不小心出现了这段代码：

.article-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 20px;
}

删掉这些规则或者调整选择器，只给需要截断的元素应用，就能解决问题啦。

内容的提问来源于stack exchange，提问作者Divya