[html] 第174天 img、input标签它们是行内元素还是块级元素?
haizhilin2013 opened this issue · 4 comments
haizhilin2013 commented
第174天 img、input标签它们是行内元素还是块级元素?
coconilu commented
行内元素,也是替换元素。
loveToMy commented
行内元素
boboZh commented
行内块状元素
luckyMuChen commented
结论:属于行内元素,也是替换元素(行内块元素)
详说:
- 简单的说行内元素也就是display:inline的元素,行内块元素就是display:inline-block的元素,典型的有input
- 它们的关系我觉得行内块元素是行内元素的一个特殊的子集,这样子一个存在。
- 行内元素,只有设置左右的margin和padding,不能设置高宽,它的高度取决于内部文字的行高。宽度取决于内部文字的多少。
- 行内块元素和块级元素的属性基本一致。可以设高宽、边距。不同在于它允许左右存在元素。而块级元素就算只有1px也不允许有元素和它共享一行。
- 比如:button、input、 textarea、select、 img
- 可以自己尝试一下给它们设置高宽,边距,自己感觉一下