CSS表單中實現百分比是非常常見的一種做法,可以有效地使表單元素的寬度和高度隨頁面尺寸的變化而自適應。下面我們來看看如何實現。
input { width: 50%; height: 2em; }
以上代碼是將input元素的寬度設置為父元素寬度的50%,高度設置為2em。如果我們想要將一個div元素的寬度設置為父元素寬度的70%,可以使用如下代碼。
div { width: 70%; }
除了寬度和高度,我們還可以使用百分比來設置表單元素的margin、padding等屬性,例如下面這段代碼是將一個form元素的左右margin設置為5%。
form { margin: 0 5%; }
需要注意的是,使用百分比來設置表單元素的屬性時,需要保證父級元素的寬度或高度是已知的。否則,百分比的計算會無法實現,導致表單元素顯示不正常。
上一篇css表單select
下一篇mysql 查詢參數優化