phpmyadmin 5.0 的行高和内边距只能通过修改 css 文件调整,核心样式位于 ./themes/pmahomme/css/phpmyadmin.css,需备份后编辑 table.data tbody tr td、tr 等选择器,并清空浏览器缓存;升级会覆盖修改,长期方案包括注入独立 css 或使用部署工具固化。

phpMyAdmin 5.0 的行高和内边距由 CSS 控制,无法通过界面设置修改
phpMyAdmin 5.0 默认使用 Bootstrap 4 和自定义 CSS 渲染数据表(如 tbl_structure.php、sql.php 页面),所有行高、padding、font-size 都来自 CSS 文件,后台没有提供任何 UI 选项或配置项来调整这些样式。
直接修改 phpmyadmin.css 是唯一有效方式
核心样式文件位于 ./themes/pmahomme/css/phpmyadmin.css(路径以你实际安装的 themes 名为准,5.0 默认是 pmahomme)。修改前务必备份原文件:
cp ./themes/pmahomme/css/phpmyadmin.css ./themes/pmahomme/css/phpmyadmin.css.bak
关键选择器集中在表格行与单元格渲染部分,常见需改的规则包括:
-
table.data tbody tr td和table.data tbody tr th:控制单元格内边距,例如把padding: 8px 10px改为padding: 4px 6px -
table.data tbody tr:影响行高,可加height: 24px或用line-height配合font-size调整视觉密度 -
.table_results td, .table_results th:旧版类名仍被部分页面引用,建议一并检查
改完后清空浏览器缓存(强制刷新 Ctrl+Shift+R),否则 CSS 可能被缓存掩盖。
改完可能破坏响应式布局或功能按钮对齐
phpMyAdmin 5.0 的表格样式与 JavaScript 行为强耦合,尤其以下情况容易出问题:
- 过度压缩
padding(如设为2px)会导致复选框、操作按钮(edit/delete图标)被截断或点击热区变小 - 在小屏幕设备上,
font-size小于12px可能触发浏览器最小字号限制,反而让文字模糊或撑开容器 - 某些插件页(如
import.php的预览表格)不继承主表格样式,需单独定位其 class(如.import_table)
建议只改 padding 和 line-height,避免动 height 固定值;优先用相对单位(em 或 rem)而非像素。
升级 phpMyAdmin 后自定义 CSS 会丢失
每次通过包管理器(apt/yum)或手动覆盖升级时,phpmyadmin.css 文件会被新版本覆盖。可行的长期方案只有两个:
- 把定制 CSS 提取到独立文件(如
custom-table.css),然后在config.inc.php中通过$cfg['Servers'][$i]['extension']或模板钩子注入(5.0 不支持官方 hook,需改./templates/header.twig加<link>标签) - 放弃本地修改,改用浏览器插件(如 Stylus)注入用户样式——仅限个人环境,无法用于多用户部署
真正稳定的样式定制必须绑定到部署流程里,比如用 Ansible 在每次部署后自动打补丁,或者构建自定义 Docker 镜像。
php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!











