phpmyadmin长文本截断是$cfg['limitchars']限制所致，可通过css+js在custom.css和js/custom.js中实现安全的展开/折叠交互，关键包括可滚动容器、伪元素提示、max-height动画及中英文换行区分处理。
phpMyAdmin里长文本单元格默认只显示前50字符
这不是bug，是$cfg['LimitChars']硬限制的结果。它让每个<td>里的内容被截断并加省略号（<code>text-overflow: ellipsis），但不提供点击展开逻辑——你只能点“完整文本”链接跳新页，体验割裂。
用CSS+JS补全展开/折叠交互，不改核心逻辑
直接在custom.css里加样式、js/custom.js里加行为，比动tbl_structure.php或重写libraries/classes/DisplayResults.php安全得多。关键点有三个：
- 先让超长文本容器可滚动且保留换行：
.table_container td { white-space: pre-wrap; overflow: hidden; max-height: 2.4em; } - 用
::after伪元素加“… 展开”提示，仅当内容真超长时才显示（靠JS判断scrollHeight > clientHeight） - 点击后切换
max-height为none，同时把“展开”变成“收起”，用transition: max-height 0.2s做平滑动画
避免触发浏览器强制重排的坑
别用height: auto做展开目标值——它会触发layout thrashing。正确做法是：
- 展开前先用
getComputedStyle(el).height读当前高度（比如2.4em） - 再设
el.style.height = el.scrollHeight + 'px'触发动画起点 - 最后用
setTimeout(() => el.style.height = 'none', 10)清掉内联height，交还给CSS控制
否则在含上百行结果的页面里，连续点几下就卡死。
中文换行和英文单词断行要分开处理
word-break: break-all对中文有效，但会让英文ID（如user_123456789）在任意位置断开，影响可读性。稳妥方案是：
- 对已知含中文的列（比如
title、content），加类text-zh，配word-break: break-all - 对纯英文/数字列（如
id、created_at），用overflow-wrap: break-word，只在必要时断词 - 两者都保留
white-space: pre-wrap，防止空格/换行符丢失
真正难搞的不是展开控件本身，而是怎么让“展开”动作不破坏现有DOM结构、不干扰phpMyAdmin自己的ajax翻页和排序逻辑——所有JS操作必须限定在.table_container td内部，绝不碰.result_query父容器。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
