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

2021-08-10 23:00:24 字數 603 閱讀 8453

理論上來說,行內元素區別於塊級元素的一點就是它不能設定寬高。例如:

這段**的執行結果是:只顯示了乙個寬高各100px的黑塊,而沒有顯示白塊。

但並不是所有的行內元素都不能設定寬高,替換元素就可以。首先,我們來明確一下替換元素和不可替換元素的定義。

替換元素:瀏覽器根據元素的標籤和屬性來決定元素的的具體顯示內容。html中的img、input、textarea、select、object都是替換元素。這些元素往往沒有實際的內容,即是乙個空元素。

不可替換元素:(x)html 的大多數元素是不可替換元素,即其內容直接表現給使用者端(例如瀏覽器)。

除此之外,當我們給行內元素新增屬性float時,我們也可以給它設定寬高。因為不論元素本身是什麼,當它浮動時,就會生成乙個塊級框。行內元素也就會生成相應的行內框。此時我們為它設定寬高,寬高就會起作用了。例如:

效果如圖:

行內元素能設定寬高嗎

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

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

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

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

html中有一類元素比較特殊,雖然他們屬於行內元素,但是他們是可以設定寬高的,如img input select textarea button label等,他們被稱為可置換元素 replaced element 他們區別一般inline元素 相對而言,稱non replaced element ...