引导行更多列和溢出隐藏

Question

我做了我自己的鞋带

.col-lg-8th{
    width:12.5%;
    float:left;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
}

也有一些较大的科尔，如. cols lg-8 th3{宽度:37.5%；}

我怎么能意识到这一行

 <div class="row calendarrow">
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th5">
            </div>
        </div>

最后一条宽度为62.5%，但没有放进下一行，但在100%后才被切断？

谢谢

Answer 1

我想你是在找这样的东西吗？SMITH/ocqpsvvc/8/

.col-lg-8th{
    width:12.5%;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
    background-color: lightblue;
}
.col-lg-8th5{
    width:62.5%;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
    background-color: lightgreen;
}
.calendarrow{white-space: nowrap; overflow: hidden;}