C# WinForms 讓 Panel 內按鈕水平置中對齊的正確做法

問題現象

在 Panel (或 FlowLayoutPanel/TableLayoutPanel) 內放置多個 Button，預設靠左對齊。調整 Anchor、Dock 皆無法直接達成「按鈕群組整體水平置中」且「視窗縮放時保持置中」。

解決方案：FlowLayoutPanel + 置中

1. 工具箱拖入 FlowLayoutPanel 到表單，設定 Dock = Fill 或固定大小。
2. FlowLayoutPanel 關鍵屬性：
   • FlowDirection = LeftToRight (預設)
   • WrapContents = false (不換行)
   • AutoSize = true (依內容調整大小)
   • Anchor = Top | Left | Right (隨父容器寬度調整)
3. 將按鈕拖入 FlowLayoutPanel 內。
4. 選取 FlowLayoutPanel，在屬性視窗或設計工具工具列點選 置中對齊 圖示 (或設定 TextAlign 無效，需程式碼設定)。

程式碼精確置中 (最可靠)

private void CenterButtonsInPanel(Panel container, params Button[] buttons)
{
    if (container == null || buttons == null || buttons.Length == 0) return;

    // 確保按鈕不在自動排版容器中
    foreach (var btn in buttons)
    {
        btn.Anchor = AnchorStyles.None; // 移除錨點，由程式碼控制位置
    }

    container.Resize += (s, e) => RecalculatePositions();
    RecalculatePositions();

    void RecalculatePositions()
    {
        int totalWidth = buttons.Sum(b => b.Width) + (buttons.Length - 1) * 6; // 6px 間距
        int startX = (container.ClientSize.Width - totalWidth) / 2;
        if (startX < 0) startX = 0;

        int y = (container.ClientSize.Height - buttons[0].Height) / 2; // 垂直置中
        if (y < 0) y = 0;

        int x = startX;
        foreach (var btn in buttons)
        {
            btn.Location = new Point(x, y);
            x += btn.Width + 6;
        }
    }
}

// 表單 Load 時呼叫
private void Form1_Load(object sender, EventArgs e)
{
    CenterButtonsInPanel(panel1, btnOK, btnCancel, btnHelp);
}

設計工具快速操作 (VS2010+)

1. 選取 Panel 內所有按鈕 (Ctrl+點擊)。
2. 屬性視窗將 Anchor 設為 None (取消所有勾選)。
3. 工具列 格式 > 對齊 > 水平置中 (或右鍵選單)。
4. 此操作僅為靜態置中，視窗縮放時會跑位，需搭配 Resize 事件動態計算。

進階：TableLayoutPanel 百分比欄寬置中

1. 拖入 TableLayoutPanel，設定 Dock = Fill、ColumnCount = 3、RowCount = 1。
2. 欄寬設定：第 0 欄 Percent = 50%、第 1 欄 AutoSize、第 2 欄 Percent = 50%。
3. 將按鈕 (或含多按鈕的 Panel) 放入第 1 欄 (中間)。
4. 按鈕設定 Anchor = None、Dock = None。

此法無需程式碼，縮放自動置中，適合固定版面。

視覺化操作示意

取消 Anchor：

使用對齊工具：

Anchor vs Dock 觀念釐清

• Dock：控制項「貼邊」填滿容器 (Top/Bottom/Left/Right/Fill)，不可疊加。
• Anchor：控制項邊緣與容器邊緣保持固定距離。Anchor = Left|Right 會隨容器寬度拉伸；Anchor = None 位置固定不隨容器移動。
• 置中需求：勿用 Anchor/Dock，改用 FlowLayoutPanel、TableLayoutPanel 或程式碼計算位置。

參考資源

原文連結：https://www.bianceng.cn/Programming/csharp/201410/45581.htm