不同型別input尺寸設定區別

2022-05-01 19:06:14 字數 430 閱讀 3925

最近發現為不用型別的input設定相同的尺寸,卻得到了不一樣的尺寸結果。發現不同型別的input的height和width竟然含義不同。在此小整理一下。

(1)button型別

規律button型別的input的高度height包含了padding和border。

在chrome下,paddding自動為1px,border自動為2px。

舉例如果我將其height設定為30px,則得到的其內容高度實際僅為24px。

(2)text型別

規律text型別的input的高度height僅只內容部分,其會自動補上padding和border。

在chrome下paddding自動為1px,border自動為2px。

舉例如果我將其height設定為30ox,則input框總高度為36px。

補充:盒模型基本知識回顧

區別不同型別的簡訊業務

區別不同型別的簡訊業務 1 文字資訊 這是比較傳統的一種手機廣告資訊,客戶傳送的成本也比較低。但是如果內容不經過精心設計,客戶接受程度不高。2 彩信 既有又有文字說明,相對來說客戶有眼前一亮的感覺。3 手機雜誌 是不本在手機上可以閱讀的雜誌,有血有肉,內容比較充實,往往用於自己的會員營銷,但是成本較...

不同型別語言

編譯型和解釋型的區別 先來看看編譯型語言定義 編譯型語言首先是將源 編譯生成機器指令,再由機器執行機器碼 二進位制 再來看看解釋型語言的定義 解釋型語言的源 不是直接翻譯成機器指令,而是先翻譯成中間 再由直譯器對中間 進行解釋執行。咋看一眼,還是一臉懵逼。下面打個比方 動態語言和靜態語言 我們常說的...

不同型別的檔案

cpp檔案 cpp是用c 語言編寫的源 檔案的字尾 具體實現 h檔案 h是c語言和c 語言的標頭檔案 函式宣告,巨集定義,函式原型 pde檔案 一共有4種可能,分別為 1 powerdesk encrypted file 2 pathology data exchange file 3 afp pa...