100%平均分成5个li加边框如何显示在一行里

你好，看你的需求情况。你应该给每个li里面再放一个容器 比如：div。li负责控制宽带百分比，对应里面的div负责控制边框。代码如下

    
    
    
        ul, ul li
        {
            list-style-type: none;
        }
        ul li
        {
            width: 20%;
            float: left;
            text-align: center;
        }
        ul li div
        {
            border-right: solid 1px red;
        }
    


    

        

            

                我是li1

        

        

            

                我是li2

        

        

            

                我是li3

        

        

            

                我是li4

        

        

            

                我是li5

        

    

兼容
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: content-box;

边线框内置在区域内