行内元素 和内联元素的margin,padding的比较
- 块元素:支持四个方向的margin和padding的值
- 内联元素 支持左右margin和 padding,上下margin和上下padding值无效
- Margin支持负值,padding不支持负值,
- Margin的两大BUG!!!!!!!!!!!
-
Margin拖曳父级:如何发生的:一个大块包一个小块,给小块一个居上的margin-top(子元素的margin-top会传递给父级)
解决办法:1;给父级加一个边框
???????????????????????? 2,:给子级加一个浮动
???????????????????? 3;用padding????
-
Margin拖曳父级:如何发生的:一个大块包一个小块,给小块一个居上的margin-top(子元素的margin-top会传递给父级)
????2,margin塌陷(相邻两个元素的上下margin重叠在一起)
- margin:0 auto/text-align-center区别:
- 对文本,图片水平居中,用text-align-center
- 对块元素水平居中,用margin:0 auto (前提是该元素设有宽度)
- 对文本,图片水平居中,用text-align-center
时间: 2024-10-19 11:09:05