haizlin/fe-interview

[html] 第174天 img、input标签它们是行内元素还是块级元素?

haizhilin2013 opened this issue · 4 comments

第174天 img、input标签它们是行内元素还是块级元素?

行内元素,也是替换元素。

行内元素

行内块状元素

结论:属于行内元素,也是替换元素(行内块元素)
详说

  1. 简单的说行内元素也就是display:inline的元素,行内块元素就是display:inline-block的元素,典型的有input
  2. 它们的关系我觉得行内块元素是行内元素的一个特殊的子集,这样子一个存在。
  3. 行内元素,只有设置左右的margin和padding,不能设置高宽,它的高度取决于内部文字的行高。宽度取决于内部文字的多少。
  4. 行内块元素和块级元素的属性基本一致。可以设高宽、边距。不同在于它允许左右存在元素。而块级元素就算只有1px也不允许有元素和它共享一行。
  5. 比如:button、input、 textarea、select、 img
  6. 可以自己尝试一下给它们设置高宽,边距,自己感觉一下