[分享]css取消最后一个margin

Web开发中，CSS是一种常用的样式表语言。在设计网页的过程中，需要采用一些技巧来使页面达到更好的效果，例如取消最后一个margin。下面我们来看一下具体的实现方法。/ 使用伪类方法 注意需要清除浮动...

Web开发中，CSS是一种常用的样式表语言。在设计网页的过程中，需要采用一些技巧来使页面达到更好的效果，例如取消最后一个margin。下面我们来看一下具体的实现方法。

/* 使用伪类方法 
   注意需要清除浮动后再使用该方法
*/
 
div:last-child {
    margin-right: 0;
}
 
/* 使用负margin方法 */
 
<div class="main">          
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
</div>
 
.main .item {
    float: left;
    margin-right: 10px;
}
 
.main .item:last-child {
    margin: 0;
}
 
/* 注意，以上两种方法只能将最后一个元素的margin取消，如果要取消其他元素的margin，需要采用不同的技巧。*/ 

以上便是本文介绍的CSS取消最后一个margin的两种方法。如需更多CSS技巧，请保持关注我们的网站。