css平分三等分

CSS是HTML中不可或缺的一部分，它可以让我们更好地展示网页。本文将为大家介绍如何使用CSS将一个块元素分为三个等宽的部分。

在CSS中，我们可以使用flex属性实现块元素的分割。首先，让我们先给这个块元素设置一个display:flex，使它成为一个flex容器：

    div {
            display: flex;
    }
    

接下来，让我们来设置这个块元素的子元素，也就是我们要分割的三个部分。要让它们平分三等分，我们可以给每个子元素设置flex:1。这样它们就会等分容器的可用空间。

    div >
 div {
            flex: 1;
    }
    

最后，为了美化我们的效果，我们可以在每个子元素之间添加一些margin。这样它们就会看起来更加舒适和协调。

    div >
 div {
            flex: 1;
            margin-right: 5px;
    }
        div >
 div:last-child {
            margin-right: 0;
    }
    

这样，我们就成功地使用CSS将一个块元素平分成了三个等宽的部分。接下来，你可以根据自己的需求进行修改和调整。CSS拥有着无限的可能性，希望本文能够为你的学习和工作提供一些帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！