PHP7.1拖拽文字到目标区如何对齐-php教程-PHP中文网

php不处理拖拽和对齐，前端用html5 drag & drop api实现拖拽，css控制text-align或flex布局实现对齐，php7.1仅通过ajax接收并保存数据。

php7.1拖拽文字到目标区如何对齐

PHP 本身不处理拖拽或前端界面渲染，它只是服务器端脚本语言。所谓“PHP7.1 拖拽文字到目标区并对齐”，实际是**前端交互行为（HTML + JavaScript）配合后端（PHP7.1）接收和处理数据**，对齐效果完全由前端 CSS 或布局逻辑控制。下面分三部分说明关键点，直击你真正需要的操作位置：

拖拽功能靠 HTML5 Drag & Drop API 实现

文字或元素能否被拖拽、能否放入目标区域，取决于前端标签是否设置了 draggable="true"，以及是否监听了 dragover、drop 等事件。PHP 不参与这个过程，只在 drop 后通过 AJAX 或表单提交把内容传给它。

对齐效果由 CSS 的 text-align 或 flex/grid 布局决定

目标区域里的文字是否左对齐、居中、右对齐或两端对齐，用的是纯 CSS：

水平对齐：给目标容器加 text-align: center;（居中）、text-align: right;（右对齐）等
垂直+水平居中：推荐用 Flex 布局：display: flex; align-items: center; justify-content: center;
多行文字整齐排列：若需每行宽度一致且两端对齐，可用 text-align: justify;（注意：首行/末行可能不生效，需配合 hyphens: auto; 或固定宽高容器）

PHP7.1 只负责接收与响应，不控制显示对齐

比如用户拖拽一段文字到 <div id="target"></div>，前端 JS 获取内容后发送请求：

PHP

编写健壮的PHP代码，规避类型转换陷阱、数组怪癖及常见安全漏洞。

下载

fetch("save.php", {
  method: "POST",
  body: JSON.stringify({ content: droppedText }),
  headers: { "Content-Type": "application/json" }
});

此时 save.php（运行在 PHP7.1 环境）只需接收并保存：

$input = json_decode(file_get_contents('php://input'), true);
$content = htmlspecialchars($input['content'] ?? '');
// 存入数据库或返回成功响应
echo json_encode(['status' => 'ok']);

它不做任何样式处理。对齐与否，完全取决于你之后如何用 HTML/CSS 渲染这段文字。