通過在 display 屬性中使用這些不同的值，可以確保在各種瀏覽器中都能正確顯示 flex 布局。

需要注意的是，這只是一個示例，實際使用時可能還需要考慮其他兼容性問題，并根據(jù)具體情況進行調(diào)整。如果你需要更全面的兼容性解決方案，建議使用 CSS 預(yù)處理器（如 Sass 或 Less）或使用相關(guān)的 CSS 庫（如 Autoprefixer）來自動處理兼容性問題。

.my-element {display: -webkit-box; /* Safari 6-9 */display: -ms-flexbox; /* IE 10 */display: flex; /* 標準語法 */
}
.my-element {display: -webkit-box; /* Safari 6-9 */display: -ms-flexbox; /* IE 10 */display: flex; /* 標準語法 */-webkit-box-align: center; /* Safari 6-9 */-ms-flex-align: center; /* IE 10 */align-items: center; /* 標準語法 */
}
.my-element {display: -webkit-box; /* Safari 6-9 */display: -ms-flexbox; /* IE 10 */display: flex; /* 標準語法 */-webkit-box-pack: center; /* Safari 6-9 */-ms-flex-pack: center; /* IE 10 */justify-content: center; /* 標準語法 */
}