📐 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）

🔗 相關工具

🎯使用場景