HTML中行内元素与块级元素的区别
生活随笔
收集整理的這篇文章主要介紹了
HTML中行内元素与块级元素的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
區別:
1.行內元素與塊級函數可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display:inline,塊級元素display:block。
2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的;
? 塊級元素卻總是會在新的一行開始排列,各個塊級元素獨占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮動(float:left/right)讓其水平方向排列。
3.行內元素不可以設置寬高,寬度高度隨文本內容的變化而變化,但是可以設置行高(line-height),同時在設置外邊距margin上下無效,左右有效,內填充padding上下無效,左右有效;塊級元素可以設置寬高,并且寬度高度以及外邊距,內填充都可隨意控制。
4.塊級元素可以包含行內元素和塊級元素,還可以容納內聯元素和其他元素;行內元素不能包含塊級元素,只能容納文本或者其他行內元素。
?
?
轉載于:https://www.cnblogs.com/qq254980080/p/10287344.html
總結
以上是生活随笔為你收集整理的HTML中行内元素与块级元素的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 自我回答,问题3:Scroller的属性
- 下一篇: 百度获取图片 json格式解析