如何将phpMyAdmin的界面布局从水平切换为垂直分割?

落晨酱_7609

落晨酱_7609

2026-07-01

877人浏览

原创

phpmyadmin 不支持水平/垂直分割界面,因其ui为服务端渲染的固定流式布局,无分屏功能;所谓“垂直”实为误读,调整需通过全屏、多标签页或响应式断点实现。

phpmyadmin 本身不提供「水平/垂直分割界面」的布局切换功能 —— 它没有编辑器分屏概念,所谓“水平”“垂直”是用户对导航栏、sql 标签页、结果表格排列方式的误读。

为什么找不到「垂直分割」开关?

phpMyAdmin 的 UI 是服务端渲染的固定模板结构,左侧导航栏 + 上方操作标签页 + 主内容区(如 SQL 输入框、查询结果表)是硬编码的流式布局。它不像 PhpStorm 那样有 Split Vertically 这类客户端编辑器行为。你看到的“水平排列”其实是 HTML <div> 的默认文档流,不是可配置的分屏模式。 <ul> <li>搜索设置项如 <code>$cfg['VerticalLayout'] 或 layout=vertical 会失败 —— 这些配置根本不存在

  • 浏览器开发者工具里强行改 display: flex; flex-direction: column 只会让导航栏堆到顶部、内容区被压扁,且刷新即失效
  • 插件或用户 CSS 注入(如 Stylus)能局部调整间距,但无法真正“分割”功能区域,反而易破坏表单对齐和响应式行为
  • 你实际想解决的可能是这三类问题

    多数人问“垂直分割”,背后对应的是具体使用卡点:

    • SQL 编辑区太窄,写长语句要横向滚动 → 改用全屏模式:点击 SQL 标签页右上角的 ⤢ 图标(或按 F11 进入浏览器全屏),再手动拉宽窗口
    • 想同时看表结构和查询结果 → 不要依赖单页布局:新开浏览器标签页访问 /tbl_structure.php?db=xxx&table=yyy 和 /sql.php?db=xxx&table=yyy,用系统级窗口贴边排列(Windows Snap / macOS Magnet)
    • 导航菜单项太多,横向挤不下 → 这是响应式断点问题:缩小浏览器宽度会自动触发折叠菜单( hamburger icon ),无需手动“转垂直”;若始终不折叠,检查是否禁用了 CSS 媒体查询或用了非标准分辨率缩放

    真要大幅改造布局?代价远超预期

    官方明确不鼓励修改界面结构,所有模板文件(如 /usr/share/phpmyadmin/templates/header.tpl.php)在升级时会被覆盖。即使你硬改了 <nav></nav> 和 <main></main> 的嵌套顺序:

    btpanel phpsite 宝塔面板PHP网站
    btpanel phpsite 宝塔面板PHP网站

    宝塔面板 PHP 网站管理:站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

    下载
    • 新版 phpMyAdmin(5.2+)大量依赖 AJAX 加载区块(如 div#operations_ajax),静态模板只控制骨架,JS 动态注入的内容无法通过改 tpl 控制流向
    • PHP 模板中混用 HTML 和逻辑判断(如 if ($is_superuser)),随意调整 DOM 层级极易导致权限相关区块错位或丢失
    • 每次升级后必须用 diff -u 对比原始包,手动重打补丁;apt upgrade 时若用 dpkg --force-confold,你的修改直接被清空

    复杂点在于:你以为在调 UI,其实是在维护一个与 phpMyAdmin 内部状态机强耦合的脆弱视图层 —— 一个 AJAX 成功回调没处理好,就可能让“垂直”布局下的操作按钮全部失活。

    php免费学习视频:立即使用
    踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!

    相关文章

    PHP速学教程(入门到精通)
    PHP速学教程(入门到精通)

    PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    phpmyadmin php

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    php文件怎么打开
    php文件怎么打开

    打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

    2023.09.01

    10184

    6

    php怎么取出数组的前几个元素
    php怎么取出数组的前几个元素

    取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

    2023.10.11

    6021

    5

    php反序列化失败怎么办
    php反序列化失败怎么办

    php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

    2023.10.11

    2095

    5

    php怎么连接mssql数据库
    php怎么连接mssql数据库

    连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

    2023.10.23

    3788

    4

    php连接mssql数据库的方法
    php连接mssql数据库的方法

    php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

    2023.10.23

    4474

    6

    html怎么上传
    html怎么上传

    html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

    2023.11.03

    3511

    9

    PHP出现乱码怎么解决
    PHP出现乱码怎么解决

    PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

    2023.11.09

    5017

    8

    php文件怎么在手机上打开
    php文件怎么在手机上打开

    php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

    2023.11.13

    3922

    8

    sprintf函数用法详解
    sprintf函数用法详解

    sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

    2023.11.27

    11882

    4

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    phpMyAdmin 常见问题
    phpMyAdmin 常见问题

    共0课时 | 0人学习

    phpMyAdmin 配置文档
    phpMyAdmin 配置文档

    共0课时 | 0人学习

    phpMyAdmin 安装文档
    phpMyAdmin 安装文档

    共0课时 | 0人学习