📐 Text Box Drawing Tool

📐 计算公式 / 原理

内容宽 = max(各行显示宽度) + 2 × 左右边距；上下边框长度 = 内容宽；总行数 = 文本行数 + 2 × 上下填充 + 2（上下边框）

显示宽度按"视觉宽度"计算：CJK 全角字符计 2 列、半角计 1 列，这是中文字符画不歪斜的关键；若按 code point 计数，含中文的行会明显偏短。左右边距对称作用于每行，因此内容宽随最长行变化，短行用空格补齐到同一宽度。标题模式把 "ToolBox" 居中并占用边框中段，此时边框的装饰横线被标题截断但不改变总宽。复制结果请粘贴到等宽字体环境（代码编辑器、终端），比例字体下仍会错位。

输入文本

边框样式

水平内边距

垂直内边距

添加标题文本居中去除每行首尾空格

📚 深度解析：文本框绘制（ASCII 框线）

💡 常见使用场景

终端提示框与横幅：用制表符/框线字符（┌─┐│└┘）给文字加边框，适合 CLI 输出与 README。
简易海报与分隔：在纯文本环境做装饰区块，区分内容区。
代码注释区标注：用框线包裹重要说明，提升可读性。

给标题加单线框

输入「系统状态」，设置单线样式，输出： ┌──────────┐ │ 系统状态 │ └──────────┘ 在等宽字体下居中显示整齐，适合日志头或终端欢迎语。

❓ 常见问题（FAQ）

为什么框对不齐？: 框线依赖等宽字体（monospace）；中文在部分环境按 2 字符宽、英文 1 宽，需用支持 CJK 宽度的渲染或手动补空格对齐。
双线和圆角有吗？: 有。可切换单线（─│）、双线（═║）与圆角字符集，按展示平台字体支持选择。

⚠️ 使用说明与注意事项

本工具纯前端运行，数据不会上传到服务器
建议在主流浏览器（Chrome/Safari/Firefox/Edge）中使用
计算结果仅供参考，请以实际应用场景为准

📐 Text Box Drawing Tool

边框样式

📋 结果

📚 深度解析：文本框绘制（ASCII 框线）

💡 常见使用场景

❓ 常见问题（FAQ）

🎯使用场景

文本框绘制

📐 Text Box Drawing Tool

边框样式

📋 结果

📚 深度解析：文本框绘制（ASCII 框线）

💡 常见使用场景

❓ 常见问题（FAQ）

🔗 相关工具

🎯使用场景