如何實現跨瀏覽器一致的複選框和標籤對齊？

如何跨瀏覽器一致地對齊複選框及其標籤

這個問題強調了在不同瀏覽器（尤其是Safari、Firefox）之間一致地對齊複選框及其標籤所面臨的挑戰和IE。提供的程式碼展示了包含複選框及其標籤的表單的標準 HTML 和 CSS。

曾經流行的解決方案涉及在輸入上使用 Vertical-align: 基線以在 Safari 中正確對齊複選框。然而，這種方法經常導致 Firefox 和 IE 中的不對齊。

經過廣泛的測試和調整，出現了不同的解決方案，其中涉及以下CSS 屬性：

此解決方案對齊了複選框及其標籤位於單獨的行上，並確保垂直對齊，無論瀏覽器如何。它還可以在換行後正確縮排標籤文字。透過這種方法，複選框及其標籤可以跨瀏覽器保持一致。

以上是如何實現跨瀏覽器一致的複選框和標籤對齊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！