美文网首页
2019-08-16 margin 与 padding

2019-08-16 margin 与 padding

作者: 枫叶落尽 | 来源:发表于2019-08-16 20:51 被阅读0次

从上图可以看到,我们通常所指的元素以border为界,包括点击事件,margin的区域在border以外,是不属于元素的点击区域的,设置元素的背景色,也是之作用于border以内的区域。

注意蓝色之外的一圈 点击padding区域

所以如果希望点击区域大一点,但又有布局的需要,比如希望实现垂直居中,则可以使用padding。

相关文章

  • css中的内外边距和背景

    css中margin、padding和background margin与padding margin常用代码有 ...

  • 2019-08-16 margin 与 padding

    从上图可以看到,我们通常所指的元素以border为界,包括点击事件,margin的区域在border以外,是不属于...

  • margin 与 padding

    何时应当使用margin:需要在border外侧添加空白时。空白处不需要背景(色)时。上下相连的两个盒子之间的空白...

  • js拖拽元素互换位置

    *{margin: 0;padding: 0;} body,ul,li{margin:0;padding:0;...

  • margin?padding?

    用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通...

  • Qss样式的盒子模型

    Margin: 在border外面 Border:在margin和padding中间绘制边框 padding:填充...

  • day03

    盒子模型margin,padding的传参 margin,padding参数规律:上(top) 右(right) ...

  • 自定义viewGroup

    padding和margin padding用于控制view内容边界与view边界的距离对 viewGroup用p...

  • CSS笔记10:盒子模型

    28 盒子模型 29 padding padding不能为负值 30 margin 31. margin塌陷现象 ...

  • HTML CSS学习笔记(二)-----页面布局

    padding & margin 有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外...

网友评论

      本文标题:2019-08-16 margin 与 padding

      本文链接:https://www.haomeiwen.com/subject/clccsctx.html