块级元素

块级元素与行内元素

行内元素

块级元素与行内元素

块级元素与行内元素的区别

1、块级元素会独占一行,其宽度自动填满其父元素宽度;

行内元素不会独占一行,相邻的行内元素会排列在同一行,直至一行排不下才会换行,其宽度随元素的内容而变化。

2、块级元素可以包含行内元素和块级元素,行内元素不能包含块级元素;

3、行内元素设置Width、height、margin-top、margin-bottom、padding-top、padding-bottom无效;

4、块级元素与行内元素的转换

display:inline-block

display:inline;

display:block;

可变元素

块级元素与行内元素

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-26
  • 2021-11-28
  • 2021-12-26
  • 2022-02-07
  • 2022-02-07
  • 2022-12-23
猜你喜欢
  • 2022-01-27
  • 2021-07-10
  • 2022-12-23
  • 2021-12-28
  • 2021-12-08
相关资源
相似解决方案