您的位置:首页 > Web前端 > HTML

html行内元素与块级元素的区别总结

2018-10-29 11:25 441 查看
版权声明:暗影刀客 https://blog.csdn.net/u012436704/article/details/83503206
虽然自学了html很久了,但是对于小知识点记得总不是很清楚,最近被问到题目这个问题,当时我傻傻的读题不清楚,看成行级元素和块级元素,理解成,独占一行的元素和在行内一块一块的元素,结果错的妥妥的,所以记下来这次错误。
  1. 行内元素。顾名思义指的是在行内的元素,默认不会单独占一行,会多个紧密排列,根据布局会按照情况进行调整。
    其中常见的有(默写啦):em、strong、input、img、span、a、br

  2. 块级元素。级别很高,每个元素都是默认另起一行,
    其中常见的有(默写啦):div、p、from、table、tr、td、th、ol、ul、li、h1-h6、hr、address

二者区别:

类型 行内元素 块级元素
默认布局方向 水平布局 垂直布局
盒模型特性 无(image和input除外) 可以设置width、height、padding、margin、默认为父容器大小
内部元素 行内元素、文本 行内元素、文本、块级布局
相互装换 display:block display:inline;

注意:img和input是比较特殊的行内元素可以设置width和height,因为他们是替换行内元素,可以理解成inline-block

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: