为了账号安全,请及时绑定邮箱和手机立即绑定

padding与容器尺寸关系

标签:
Html/CSS

padding与容器尺寸关系:
padding不支持任何形式的负值。

1、对于block水平元素
padding百分比均是相对于宽度计算,轻松实现正方形。
padding值暴走(指值偏大),一定影响尺寸;
width非auto,padding影响尺寸;
width为auto或者box-sizing为border-box,
同时padding值没有暴走,不影响尺寸
2、对于inline内联水平元素
padding百分比均是相对于宽度计算。
默认的高度宽度细节有差异
padding会断行
水平padding影响尺寸,垂直padding不影响尺寸,但是会影响背景色(占据空间)
利用这点:做分隔符<span style="padding: 16px 6px 1px;margin-left: 12px;border-left:2px solid;font-size: 0;"></span>

点击查看更多内容
4人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
2
获赞与收藏
233

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消