找回密码
 立即注册
查看: 69|回复: 0

margin和padding分别取1个、2个、3个、4个参数的不同含义

[复制链接]

6

主题

0

回帖

22

积分

新手上路

积分
22
发表于 2022-9-19 13:17:01 来自手机 | 显示全部楼层 |阅读模式
margin标记可以带一个、二个、三个、四个参数,各有不同的含义

margin: 20px;(上、下、左、右各20px。)
margin: 20px 40px;(上、下20px;左、右40px。)
margin: 20px 40px 60px;(上20px;左、右40px;下60px。)
margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。按顺时针方向)

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。

此处不推荐使用上述四个标志,因为在不同浏览器对于margin的四个边都有不同的命名
 
同理:padding也一样
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|粤嵌技术交流空间

GMT+8, 2025-7-8 03:29 , Processed in 0.654668 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表