inline

1.行内元素不能设置宽、高
2.行内元素可以设置padding
盒模型display:inline/inline-block
不要用这种方式去设置一个规定大小的块。

3.行内元素可以设置左右margin,但不能设置上下margin

inline-block

是一个可以在同一行显示的块元素。

空白折叠现象:两个div之间多了一个回车,文字空白。

1.去除回车
盒模型display:inline/inline-block
2.给父元素添加word-spacing属性
word-spacing写成负值。
盒模型display:inline/inline-block
3.给父元素设置font-size:0px;
将回车文字大小设置为0。
盒模型display:inline/inline-block

相关文章:

  • 2021-08-27
  • 2021-05-22
  • 2022-01-13
  • 2021-06-21
  • 2021-08-29
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2018-03-04
  • 2021-11-28
  • 2021-05-28
  • 2021-10-17
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案