700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > margin和padding有什么区别 – CSS – 前端 css gray 滤镜

margin和padding有什么区别 – CSS – 前端 css gray 滤镜

时间:2023-07-31 21:37:00

相关推荐

margin和padding有什么区别 – CSS – 前端 css gray 滤镜

CSS中margin和padding有以下三方面区别。 在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

1、语法结构。 padding: padding-left:10px; 左内边距、padding-right:10px; 右内边距、padding-top:10px; 上内边距、padding-bottom:10px; 下内边距。 margin:margin-left:10px; 左外边距、margin-right:10px; 右外边距、margin-top:10px; 上外边距、margin-bottom:10px; 下外边距。

2、可能取的值。 padding:length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit 规定应该从父元素继承内边距。 margin:length 规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit 规定应该从父元素继承外边距。

3、浏览器兼容问题。 padding:所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。 margin:所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。