行内元素和块元素的区别


行内元素:

内容多少就占多大的空间

与其他行内元素并排

不能设置宽高,默认宽度就是文字的宽度

块元素:

不管内容多少,总是在浏览器中独占一行。

可设置宽高,如果不设置宽高那宽度是100%

行内块元素:共享一行,可设置宽高,多个行内元素排列在一起

块级元素和行内元素的分类:

在HTML的角度来讲,标签分为:

     文本级标签:p span  a b i u em

     容器级标签:div  h系列  li  dt dd

p:里面只能存放图片和文字和表单元素,p里面不能放ul,也不能放p

行内元素:除了p之外,所有的文本级标签,都是行内元素,p除外,它是文本级标签,但是是个块级元素

块级元素:所有的容器级标签都是块级元素,以及p标签。

 

 

块级元素和行内元素相互转换:

通过display属性

display:inline; //转换成行内元素

display:block;//将行内元素转换成块级元素


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM