ASP.NET GridView 自動換行設定：CSS word-break 與 word-wrap 一行搞定

問題

GridView 儲存格內容過長（如長網址、無空格字串）導致欄位撐破版面，需強制自動換行。

解決：RowDataBound 註入 CSS

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // 對整個 GridView 生效
    GridView1.Attributes.Add("style", "word-break:break-all; word-wrap:break-word;");
}

CSS 屬性說明

進階：針對特定欄位

<asp:BoundField DataField="Description" HeaderText="說明" 
    ItemStyle-CssClass="auto-wrap" />

<style>
.auto-wrap { word-break: break-all; overflow-wrap: break-word; }
</style>

注意

• 若 GridView 已有 CssClass，建議在 CSS 檔定義 `.myGrid { word-break:break-all; overflow-wrap:break-word; }`，避免每次 RowDataBound 重複加 style 屬性。
• IE 舊版僅支援 `word-wrap`，現代瀏覽器建議同時設定兩者或改用標準 `overflow-wrap`。