首頁 > web前端 > css教學 > 為什麼輸入欄位不使用'width: auto”填充可用空間?

為什麼輸入欄位不使用'width: auto”填充可用空間?

Patricia Arquette
發布: 2024-10-28 06:42:02
原創
287 人瀏覽過

Why Don't Input Fields Fill Available Space with `width: auto`?

寬度:自動輸入欄位

問題:

寬度:自動顯示:區塊元素旨在填充可用空間。然而,對於輸入字段,這種行為似乎不一致。

問題:

  1. width:auto 在 CSS 中到底是什麼意思?
  2. 有沒有辦法讓輸入欄位像其他區塊級元素一樣填滿可用空間?

答案:

1。 width:auto:

輸入的寬度由其 size 屬性的預設值決定。 Width:auto 將寬度設定為此預設值。

2.實現預期行為:

要讓輸入欄位填滿可用空間,請使用width:100%,如下:

<code class="html"><form style='width:200px;background:khaki'>
  <input style='width:100%' />
</form></code>
登入後複製

注意:此方法可能不會由於邊框應用程式的差異,在所有瀏覽器中都能完美運作。

以上是為什麼輸入欄位不使用'width: auto”填充可用空間?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板