【前端】22、行内元素和块级元素的具体区别是什么?行内元素的 padding 和 margin 可设置吗?

释放双眼,带上耳机,听听看~!

块级元素(block)特性:

  • 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
  • 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

内联元素(inline)特性:

  • 和相邻的内联元素在同一行;
  • 宽度(width)、高度(height)、内边距的 top/bottom(padding-top/padding-bottom)和外边距的 top/bottom(margin-top/margin-bottom)都不可改变(也就是 padding 和 margin 的 left 和 right 是可以设置的),就是里面文字或图片的大小。

那么问题来了,浏览器还有默认的天生 inline-block 元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?

答案:<input> 、<img> 、<button> 、<texterea> 、<label>。

 

内容投诉
前端面试

【前端】21、什么是 Css Hack?ie6,7,8 的 hack 分别是什么?

2020-7-13 19:20:38

前端面试

【前端】23、什么是外边距重叠?重叠的结果是什么?

2020-9-8 15:40:32

搜索