前端 HTML 塊元素 行內元素 浮動,定位

2021-08-27 16:02:48 字數 320 閱讀 6839

1.9 塊狀元素和內聯元素的區別

a、塊狀元素單獨成行吧,不用其他元素一起在一行,內聯元素可以多個併排在一行

b、塊狀元素內可以有子元素,內聯元素不能包括子元素

c、塊狀元素可以設定寬高,內聯元素不能設定寬高

d、塊狀元素和內聯元素可以通過display屬性進行互相轉換:

display:inline塊狀元素轉換為內聯元素

display:block內聯元素轉換為塊狀元素,然後就可以對其設定高度和寬度

ps:如果要讓塊元素換行,需要在換行的2個div之間,加個clear屬性為both的div*/-->

**:

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

前端 塊元素 行內元素

內嵌元素 html中規範定義 也叫內聯元素 內嵌元素 行內元素 直進式元素.與行內元素對應的就是塊元素,都是html中規範的概念.行內元素 乙個挨著乙個,都在同一行從左到右順序顯示,不單獨佔一行.塊元素 一般都從新行開始,相鄰的塊級元素將會在不同行顯示.當加入了css之後,塊元素和行內元素的差異就不...

塊元素,行元素,行內塊元素

1.內容獨佔一行 2.塊元素可以設定寬高 3.如果不設定寬高,寬度就等於父元素的寬度,高度就等於內容的高度 4.塊元素可以設定內外邊距 5.多個塊元素之間上下排列 常見的塊元素 div,section,p,h1 h6,hr,ul,li等 塊元素可以通過margin 0 auto 實現定寬居中的效果 ...