当元素加完边框后，因为边框占用一定空间，造成后面元素偏移，这样感觉不好。如何解决这个问题呢？
padding登场了。可以给元素设置内边距{padding： 0 6px;},当鼠标悬浮时添加边框，同时将内边距变小相应的大小{border-width:0 1px;padding:0 5px; }
ps:这个技巧太赞了，可见平时不起眼的padding有时可以派上大用场，细节才是王道。
相关文章
- 02-12css 元素加边框且后面元素不位移
2022-02-12 04:36:24
当元素加完边框后，因为边框占用一定空间，造成后面元素偏移，这样感觉不好。如何解决这个问题呢？
padding登场了。可以给元素设置内边距{padding： 0 6px;},当鼠标悬浮时添加边框，同时将内边距变小相应的大小{border-width:0 1px;padding:0 5px; }
ps:这个技巧太赞了，可见平时不起眼的padding有时可以派上大用场，细节才是王道。