HTML中行內元素與塊級元素的區別

2021-09-25 04:12:00 字數 562 閱讀 4262

區別:

​ 1.行內元素與塊級函式可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display:inline, 塊級元素display:block。

​ 2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的;

​ 塊級元素總是會在新的一行排列,各個塊級元素獨佔一行,垂直向下排列,若想使其水平方向排列,可使用左右浮動(float:left/right)讓其水平方向排列。

​ 3.行內元素不可以設定寬高,寬度高度隨文字內容變化而變化,但可以設定行高(line-height),同時在設定外邊距 margin上下無效,左右有效,內填充padding上下無效,左右無效;塊級元素可以設定寬高,並且寬度高度以及外邊距,內填充都可以隨意控制。

4.塊級元素可以包含行內元素和塊級元素,還可以容納內聯元素和其他元素;
​ 行內元素不能包含塊級元素,只能容納文字或者其他行內元素

能容納文字或者其他行內元素

HTML中行內元素與塊級元素的區別

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

html中行內元素與塊級元素的區別。

在標準文件流裡面,塊級元素具有以下特點 1.總是在新行上開始,佔據一整行 2.高度,行高以及外邊框和內邊距都可以控制 3.寬度始終是與遊覽器寬度一樣,與內容無關 4.它可以容納內聯元素和其他塊級元素。行內元素的特點 1.和其他元素都在一行上 2.高,行高及外邊框和內邊距部分可改變 3.寬度只與內容有...

html塊級元素與行內元素

塊元素一般都從新行開始,它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊,它只能用來容納其他塊元素。如果沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。而有了css以後,我們可以改變這種html的預設布局模式,把塊元素擺放到你想要 的位置上去。而不...