2019-08-16 margin 与 padding
2019-08-16 本文已影响0人
枫叶落尽
![](https://img.haomeiwen.com/i6310069/6d541f57ca4627c1.png)
从上图可以看到,我们通常所指的元素以border为界,包括点击事件,margin的区域在border以外,是不属于元素的点击区域的,设置元素的背景色,也是之作用于border以内的区域。
![](https://img.haomeiwen.com/i6310069/2a704d28ca6d258e.png)
![](https://img.haomeiwen.com/i6310069/bf2d2aff36953393.png)
所以如果希望点击区域大一点,但又有布局的需要,比如希望实现垂直居中,则可以使用padding。
从上图可以看到,我们通常所指的元素以border为界,包括点击事件,margin的区域在border以外,是不属于元素的点击区域的,设置元素的背景色,也是之作用于border以内的区域。
所以如果希望点击区域大一点,但又有布局的需要,比如希望实现垂直居中,则可以使用padding。