css 元素加边框且后面元素不位移

  当元素加完边框后,因为边框占用一定空间,造成后面元素偏移,这样感觉不好。如何解决这个问题呢?

     padding登场了。可以给元素设置内边距{padding: 0 6px;},当鼠标悬浮时添加边框,同时将内边距变小相应的大小{border-width:0 1px;padding:0 5px; }

    

  ps:这个技巧太赞了,可见平时不起眼的padding有时可以派上大用场,细节才是王道。

 

posted @ 2014-03-23 15:09  hugh.wei  阅读(921)  评论(0编辑  收藏  举报