CSS可以讓我們輕松地實現所有輸入框的對齊。下面是一些示例代碼,幫助您了解如何使用CSS達到這個目的。
/* 給所有輸入框設置相同的寬度 */ input { width: 200px; } /* 清除默認的input樣式 */ input[type=text], input[type=email], input[type=password] { border: none; padding: 10px; font-size: 16px; background-color: #f2f2f2; } /* 對齊所有輸入框 */ input[type=text], input[type=email], input[type=password] { display: block; margin: 0 auto; text-align: center; }
通過上面的代碼,我們成功地對同一頁面上的所有輸入框進行了對齊。我們可以根據需要對CSS代碼進行調整,以確定最適合我們網站和應用程序的對齊方式。
下一篇css讓字間隔開一些