為什麼有些行內元素可以設定寬高

2022-09-02 07:06:10 字數 603 閱讀 2065

html中有一類元素比較特殊,雖然他們屬於行內元素,但是他們是可以設定寬高的,如img|input|select|textarea|button|label等,他們被稱為可置換元素(replaced element)。他們區別一般inline元素(相對而言,稱non-replaced element)是:這些元素擁有內在尺寸(intrinsic dimensions),他們可以設定width/height屬性。他們的性質同設定了display:inline-block的元素一致。

或許有朋友對非置換元素(non-replaced element)有點疑惑,稍微幫助大家理解一下。非置換元素,w3c 中沒有給出明確的定義,但我們從字面可以理解到,非置換元素對應著置換元素(replaced element),也就是說我們搞懂了置換元素的含義,就懂了非置換元素。置換元素,w3c中給出了定義:

從定義中我們可以理解到,置換元素(replaced element)主要是指 img, input, textarea, select, object 等這類預設就有 css 格式化外表範圍的元素。進而可知,非置換元素(non-replaced element)就是除了 img, input, textarea, select, object 等置換元素以外的元素。

行內元素能設定寬高嗎

除了行內非替換元素,table rows,and row groups 其他元素都能設定寬 除了行內非替換元素,table colums,colum groups 其他元素都能設定高 行內元素包含行內替換元素 img等 和行內非替換元素 a span等 行內替換元素是可以設定寬高的,行內非替換元素是...

行內和塊級元素區別 如何讓行內元素設定寬高

1.行內元素與塊級函式可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display inline,塊級元素display block。2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的 塊級元素卻總是會在新的一行開始排列,各個塊級元素獨佔一行,垂直向下排列...

關於行內元素能否設定寬高的問題

理論上來說,行內元素區別於塊級元素的一點就是它不能設定寬高。例如 這段 的執行結果是 只顯示了乙個寬高各100px的黑塊,而沒有顯示白塊。但並不是所有的行內元素都不能設定寬高,替換元素就可以。首先,我們來明確一下替換元素和不可替換元素的定義。替換元素 瀏覽器根據元素的標籤和屬性來決定元素的的具體顯示...