bootstrap 类样式中的 mt mb ml mr mx my pt pb pl pr px py 含义

Bootstrap的类样式中,mtbmlmrmxpy是一种简写形式,用于快速设置元素的内外边距。例如,`mt-3`指定了上边距为3个单位的间距,这些单位通常基于字体大小。这种缩写提高了CSS样式的编写效率,简化了代码。了解这些缩写对于有效使用Bootstrap框架至关重要。
摘要由CSDN通过智能技术生成

bootstrap 类样式中的 mt mb ml mr mx my pt pb pl pr px py 含义
内边距(pading)外边距(margin)

m - 代表 margin
p - 代表 padding

t - 设置margin-top或padding-top
b - 设置margin-bottom或padding-bottom
l - 设置margin-left或padding-left
r - 设置margin-right或padding-right
x - 设置padding-left和padding-right或margin-left和margin-right
y - 设置padding-top和padding-bottom或margin-top和margin-bottom

空白 – 在元素的所有4个边上设置边距或填充

0 – 将边距或填充设置为0
1 – 将边距或填充设置为.25rem(如果font-size为16px则为4px)
2 – 将边距或填充设置为.5rem(如果字体大小为16px则为8px)
3 – 将边距或填充设置为1rem(如果字体大小为16px,则为16px)
4 – 将边距或填充设置为1.5rem(如果字体大小为16px,则为24px)
5 – 将边距或填充设置为3rem(如果font-size为16px则为48px)

mt-3 设置上边距3rem

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值