在網頁開發中,實現CSS寬度不限的居中布局是非常常見的需求。本文將介紹幾種常見的實現方式。
<code> /* 第一種:使用 text-align 屬性實現 */ div { text-align: center; } /* 第二種:使用 margin 屬性實現 */ div { width: 50%; margin: 0 auto; } /* 第三種:使用 flex 實現 */ .container { display: flex; justify-content: center; } .item { /* 可以不設置寬度 */ } /* 第四種:使用 grid 實現 */ .container { display: grid; place-items: center; } .item { /* 可以不設置寬度 */ } </code>
以上四種方式都可以實現CSS寬度不限的居中布局,具體使用哪種方式可以根據實際情況進行選擇。