html - 列数和分页符-6ren

html - 列数和分页符

转载作者：行者123 更新时间：2023-11-28 00:47:48

目前，我正在我的开发服务器 ( http://52.57.22.230/ ) 上的一个新菜单上工作(单击左上角 Logo 下方的“程序”下方)。

Chrome 的行为与其他浏览器不同。我为此大小使用 column-count: 5 并设置 break-inside: avoid; 以获得 5 列，但从一个主题开始。 Edge、Firefox 的行为就像我希望的那样，Chrome 只显示 3 列。我有点明白 chrome 会按照 break-inside: avoid; 所说的进行操作，但我希望在所有浏览器中都具有与 Firefox 相同的行为。

菜单的html:

<div class="overlay" style="display: block;">
    <div class="wrap">
        <div class="btn-close"></div>
        <ul class="wrap-nav">
                        <div class="columnbreak">

                <h3>
                    Rundreisen                </h3>
                <hr>
                                    <ul>
                        <li><a href="http://52.57.22.230/Rundreisen">Allgemein zu Rundreisen</a></li>
                    </ul>
                                        <h5>afrika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Rundreisen/Kenia">Kenia</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Suedafrika"><span class="aktion_menu">Südafrika</span></a></li>
                                            </ul>
                                        <h5>asien</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Rundreisen/China">China (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Indien">Indien (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Indonesien">Indonesien/Bali (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Kambodscha"><span class="aktion_menu">Kambodscha (ab 17)</span></a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Nepal">Nepal (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/SriLanka">Sri Lanka (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Thailand">Thailand (ab 17)</a></li>
                                            </ul>
                                        <h5>ozeanien</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Rundreisen/Fidschi">Fidschi (ab 17)</a></li>
                                            </ul>
                                                </div>
                        <div class="columnbreak" style="">

                <h3>
                    Freiwilligenarbeit                </h3>
                <hr>
                                    <ul>
                        <li><a href="http://52.57.22.230/Freiwilligenarbeit">Allgemein</a></li>
                    </ul>
                                        <h5>afrika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ghana">Ghana (Gastfamilie)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ghana-accra">Ghana (Freiwilligenhaus)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kenia">Kenia (Nairobi)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kenia-Gatanga">Kenia (Gatanga)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Madagaskar">Madagaskar</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Namibia"><span class="aktion_menu">Namibia</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Sansibar"><span class="aktion_menu">Sansibar</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Suedafrika"><span class="aktion_menu">Südafrika</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Suedafrika+Namibia">Südafrika + Namibia</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Tansania">Tansania</a></li>
                                            </ul>
                                        <h5>asien</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Bali">Bali (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/China">China (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Flores">Flores (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Indien">Indien (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kambodscha"><span class="aktion_menu">Kambodscha (ab 17)</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Laos">Laos (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Lombok">Lombok (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Malaysia">Malaysia (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Nepal">Nepal (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Philippinen">Philippinen (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/SriLanka">Sri Lanka (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Thailand">Thailand (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Vietnam">Vietnam (ab 17)</a></li>
                                            </ul>
                                        <h5>europa</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Albanien">Albanien</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Frankreich">Frankreich</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Portugal">Portugal</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Spanien"><span class="aktion_menu">Spanien</span></a></li>
                                            </ul>
                                        <h5>karibik</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Dominikanische_Republik">Dominikanische Republik</a></li>
                                            </ul>
                                        <h5>lateinamerika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Argentinien">Argentinien (Córdoba)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Argentinien-buenos-aires">Argentinien (Buenos Aires)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Chile">Chile</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Costa_Rica">Costa Rica (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ecuador">Ecuador (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Peru">Peru (Cusco, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/peru-norden">Peru (Norden, ab 17)</a></li>
                                            </ul>
                                        <h5>nordamerika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kanada"><span class="aktion_menu">Kanada</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/USA"><span class="aktion_menu">USA</span></a></li>
                                            </ul>
                                        <h5>ozeanien</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Australien"><span class="aktion_menu">Australien</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Fidschi">Fidschi (ab 17)</a></li>
                                            </ul>
                                                </div>
                        <div class="columnbreak">

                <h3>
                    Farmarbeit                </h3>
                <hr>
                                    <ul>
                        <li><a href="http://52.57.22.230/Farmarbeit">Allgemein zu Farmarbeit</a></li>
                    </ul>
                                        <h5>afrika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Namibia">Namibia</a></li>
                                            </ul>
                                        <h5>europa</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Frankreich">Frankreich</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Irland">Irland</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Schweiz">Schweiz (ab 16)</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Ungarn">Ungarn</a></li>
                                            </ul>
                                        <h5>lateinamerika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Argentinien">Argentinien</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Chile">Chile</a></li>
                                            </ul>
                                        <h5>nordamerika</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Kanada">Kanada</a></li>
                                            </ul>
                                        <h5>ozeanien</h5>
                    <ul>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Australien">Australien</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Neuseeland">Neuseeland (Farm)</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Neuseeland_Ranch">Neuseeland (Ranch)</a></li>
                                            </ul>
                                                </div>
                    </ul>
        <div class="socialmenu">
            <a class="button" href="https://www.facebook.com/auszeitweltweit/">Wir auf facebook</a>
            <a class="button" href="https://www.instagram.com/auszeit_weltweit/">Wir auf Instagram</a>
        </div>
    </div>
</div>

CSS:

.wrap-nav h3 a {color: #fff!important;}

/*overlay*/

.overlay {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: #cb0000;
    opacity: 0.95;
    overflow: auto;
    z-index: 1000001;
}
.wrap {
    color: #fff;
    /* text-align:center; */
    max-width: 90%;
    margin: 0 auto;
}
.columnbreak {
    break-inside: avoid;
}

.wrap h3 { font-size: 20px; color: #fff; text-transform: uppercase }
.wrap h5 { font-size: 17px; color: #fff; text-transform: uppercase; text-decoration: underline; }
.wrap hr {
    border: dashed #fff;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 10px;
    height: 0;
}
.wrap ul {
    margin: 0;
}
/*.wrap ul li {
    margin-bottom: 0.3rem;
}*/
.wrap ul.wrap-nav {
    border-bottom: 1px dashed #fff;
    padding: 3rem 0 1rem;
    column-count: 5;
}
.wrap-nav h2 {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
}
.breiter {
    width: 40%!important;
}
.wrap ul.wrap-nav li {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    width: 18%;
    position: relative;
}
.wrap ul.wrap-nav li a {
    color: #fff;
    display: block;
    padding: 2px 0;
    text-decoration: none;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color: #fff;
}
.wrap ul.wrap-nav ul {
    padding: .8rem 0;
    /* border-bottom: 1px dashed #fff;
    /* margin-bottom: 1.5rem; */
}
.wrap ul.wrap-nav ul li {
    display: block;
    font-size: 13px;
    width: 77%;
    color: #e9e9e9;
}
.wrap ul.wrap-nav ul li a {
    color: #fff;
}
.wrap ul.wrap-nav ul li a:hover {
    color: #fff;
    background: none;
    text-decoration: underline;
}
.socialmenu {
    text-align: center!important;
    padding: 2rem 0!important;
}
.socialmenu .button {
    color: #fff;
    border: 1px solid #fff!important;
}
.socialmenu .button:hover {
    color: #cb0000!important;
    background-color: #fff;
}
@media screen and (max-width:48em) {
    .wrap ul.wrap-nav>li {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px dashed #fff;
    }
    .wrap ul.wrap-nav {
        padding: 30px 0 0;
    }
    .wrap ul h3,
    .wrap ul h5 {
        color: #fff;
    }
    .content h3, h4, h5 {
        color: #00a4e9;
    }
    h3.ui-accordion-header {
        color: #fff;
    }
}

有什么建议吗？提前致谢!

截图:

最佳答案

嗯，事实证明列数不是正确的解决方案。使用了 flex-box，它的效果比预期的要好得多。

<div class="overlay" style="display: block;">
    <div class="wrap">
        <div class="btn-close"></div>
        <ul class="wrap-nav">
                        <div class="columnbreak">
                <h3>
                    Rundreisen                </h3>
                <ul class="test02">
                    <li class="test01"><a href="http://52.57.22.230/Rundreisen">Allgemein zu Rundreisen</a></li>
                </ul>
                <div class="columnbreak-inner">


                    <ul>
                    <h5>afrika</h5>
                                                <li><a href="http://52.57.22.230/Rundreisen/Kenia">Kenia</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Suedafrika"><span class="aktion_menu">Südafrika</span></a></li>
                                            </ul>


                    <ul>
                    <h5>asien</h5>
                                                <li><a href="http://52.57.22.230/Rundreisen/China">China (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Indien">Indien (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Indonesien">Indonesien/Bali (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Kambodscha"><span class="aktion_menu">Kambodscha (ab 17)</span></a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Nepal">Nepal (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/SriLanka">Sri Lanka (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Rundreisen/Thailand">Thailand (ab 17)</a></li>
                                            </ul>


                    <ul>
                    <h5>ozeanien</h5>
                                                <li><a href="http://52.57.22.230/Rundreisen/Fidschi">Fidschi (ab 17)</a></li>
                                            </ul>

                                        </div>
                            </div>
                        <div class="columnbreak">
                <h3>
                    Freiwilligenarbeit                </h3>
                <ul class="test02">
                    <li class="test01"><a href="http://52.57.22.230/Freiwilligenarbeit">Allgemein</a></li>
                </ul>
                <div class="columnbreak-inner">


                    <ul>
                    <h5>afrika</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ghana">Ghana (Gastfamilie)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ghana-accra">Ghana (Freiwilligenhaus)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kenia">Kenia (Nairobi)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kenia-Gatanga">Kenia (Gatanga)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Madagaskar">Madagaskar</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Namibia"><span class="aktion_menu">Namibia</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Sansibar"><span class="aktion_menu">Sansibar</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Suedafrika"><span class="aktion_menu">Südafrika</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Suedafrika+Namibia">Südafrika + Namibia</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Tansania">Tansania</a></li>
                                            </ul>


                    <ul>
                    <h5>asien</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Bali">Bali (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/China">China (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Flores">Flores (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Indien">Indien (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kambodscha"><span class="aktion_menu">Kambodscha (ab 17)</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Laos">Laos (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Lombok">Lombok (Indonesien, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Malaysia">Malaysia (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Nepal">Nepal (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Philippinen">Philippinen (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/SriLanka">Sri Lanka (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Thailand">Thailand (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Vietnam">Vietnam (ab 17)</a></li>
                                            </ul>


                    <ul>
                    <h5>europa</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Albanien">Albanien</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Frankreich">Frankreich</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Portugal">Portugal</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Spanien"><span class="aktion_menu">Spanien</span></a></li>
                                            </ul>


                    <ul>
                    <h5>karibik</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Dominikanische_Republik">Dominikanische Republik</a></li>
                                            </ul>


                    <ul>
                    <h5>lateinamerika</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Argentinien">Argentinien (Córdoba)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Argentinien-buenos-aires">Argentinien (Buenos Aires)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Chile">Chile</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Costa_Rica">Costa Rica (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Ecuador">Ecuador (ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Peru">Peru (Cusco, ab 17)</a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/peru-norden">Peru (Norden, ab 17)</a></li>
                                            </ul>


                    <ul>
                    <h5>nordamerika</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Kanada"><span class="aktion_menu">Kanada</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/USA"><span class="aktion_menu">USA</span></a></li>
                                            </ul>


                    <ul>
                    <h5>ozeanien</h5>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Australien"><span class="aktion_menu">Australien</span></a></li>
                                                <li><a href="http://52.57.22.230/Freiwilligenarbeit/Fidschi">Fidschi (ab 17)</a></li>
                                            </ul>

                                        </div>
                            </div>
                        <div class="columnbreak">
                <h3>
                    Farmarbeit                </h3>
                <ul class="test02">
                    <li class="test01"><a href="http://52.57.22.230/Farmarbeit">Allgemein zu Farmarbeit</a></li>
                </ul>
                <div class="columnbreak-inner">


                    <ul>
                    <h5>afrika</h5>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Namibia">Namibia</a></li>
                                            </ul>


                    <ul>
                    <h5>europa</h5>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Frankreich">Frankreich</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Irland">Irland</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Schweiz">Schweiz (ab 16)</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Ungarn">Ungarn</a></li>
                                            </ul>


                    <ul>
                    <h5>lateinamerika</h5>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Argentinien">Argentinien</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Chile">Chile</a></li>
                                            </ul>


                    <ul>
                    <h5>nordamerika</h5>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Kanada">Kanada</a></li>
                                            </ul>


                    <ul>
                    <h5>ozeanien</h5>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Australien">Australien</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Neuseeland">Neuseeland (Farm)</a></li>
                                                <li><a href="http://52.57.22.230/Farmarbeit/Neuseeland_Ranch">Neuseeland (Ranch)</a></li>
                                            </ul>

                                        </div>
                            </div>
                    </ul>
        <div class="socialmenu">
            <a class="button" href="https://www.facebook.com/auszeitweltweit/">Wir auf facebook</a>
            <a class="button" href="https://www.instagram.com/auszeit_weltweit/">Wir auf Instagram</a>
        </div>
    </div>
</div>

和CSS:

.wrap-nav h3 a {color: #fff!important;}

/*overlay*/

.overlay {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: #cb0000;
    opacity: 0.95;
    overflow: auto;
    z-index: 1000001;
}
.wrap {
    color: #fff;
    /* text-align:center; */
    max-width: 90%;
    margin: 0 auto;
}
.columnbreak {
    /* break-inside: avoid; */
    flex-basis: 33%;
    margin: 0 .5rem;
}
.columnbreak-inner {
    display: flex;
    flex-wrap: wrap;
}

.wrap h3 { font-size: 20px; color: #cb0000; text-transform: uppercase; background-color: #fff; }
.wrap h5 { font-size: 17px; color: #fff; text-transform: uppercase; text-decoration: underline; }
.wrap hr {
    border: dashed #fff;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 10px;
    height: 0;
}
.wrap ul {
    margin: 0;
}
/*.wrap ul li {
    margin-bottom: 0.3rem;
}*/
.wrap ul.wrap-nav {
    border-bottom: 1px dashed #fff;
    padding: 3rem 0 1rem;
    /* column-count: 5; */
    display: flex;
}
.wrap-nav h2 {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
}
.breiter {
    width: 40%!important;
}
.wrap ul.wrap-nav li {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    width: 18%;
    position: relative;
}
.wrap ul.wrap-nav li a {
    color: #fff;
    display: block;
    padding: 2px 0;
    text-decoration: none;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color: #fff;
}
.wrap ul.wrap-nav ul {
    padding: .8rem 0;
    /* border-bottom: 1px dashed #fff;
    /* margin-bottom: 1.5rem; */
    flex-basis: 50%
}
.wrap ul.wrap-nav ul li {
    display: block;
    font-size: 13px;
    width: 77%;
    color: #e9e9e9;
}
.wrap ul.wrap-nav ul li a {
    color: #fff;
}
.wrap ul.wrap-nav ul li a:hover {
    color: #fff;
    background: none;
    text-decoration: underline;
}
.socialmenu {
    text-align: center!important;
    padding: 2rem 0!important;
}
.socialmenu .button {
    color: #fff;
    border: 1px solid #fff!important;
}
.socialmenu .button:hover {
    color: #cb0000!important;
    background-color: #fff;
}

关于html - 列数和分页符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53428660/

文章推荐： c++ - 新矩阵[N][N]失败

文章推荐： python - 如何删除显示在表格行中的标题？

文章推荐： c++ - 如何在 iOS 的 openframeworks 中构建 3d 钻石

sql - 列数
您如何计算Oracle表中的列数？最佳答案 SELECT count(*) FROM user_tab_columns WHERE table_name = 'FOO' 应该给你foo中的列数。您可
image - CSS3 列数
我有一个宽度为 100% 的 div，里面有大约 10 张图片，所有图片的宽度和大小都不同。我希望能够无缝地将这些图像彼此 float ，我已经做到了，但它们不会在屏幕上拉伸(stretch)，它们都
javascript - 表格应该改变行数/列数？
请看下面的代码，表格应该根据下面selected id选项中选择的输入更改行数，但只读取select id的第一个值，行数不会根据选择，你能指出我代码中的错误吗？ http://jsfiddle.ne
android - 减少android中gridlayout的行/列数
我需要一个可以在 3×3 和 4×4 之间切换的动态 gridlayout。我可以 setRowCount 和 setColumnCount 从 3 到4 但不是从 4 到 3。它会显示以下问题: C
不遵守 CSS 列数
这里有一个没有真正答案的类似问题:CSS columns bug — 5 column count only showing 4 (with images) 我正在使用 column-count 来显
excel - 在标题中查找匹配并偏移到 X 列数
我正在尝试找到一种方法来填充摊销时间表，如下所示。我目前使用的公式是: =IF($B2=$1:$1,$A2/$C2," ") 但是，这仅填充了第一个点(“起点”)，我想做的是根据摊销期抵消这一点。期
python - OpenCV:像素数与行数*列数
我运行以下代码: import cv2 import numpy as np img_file='pokemon.jpg' img=cv2.imread(img_file) # print tota
Asp.net GridView 列数
我正在使用 asp.net 和 vb。这里我将数据绑定(bind)到Gridview。该数据集有 5 条记录，3 列，并且 gridview 显示 5 条记录，3 列。但 Gridview.colum
mysql - 列数、整数值、数据被截断和其他一些消息
我已经为我的数据库苦苦挣扎了一段时间，几乎不可能找到我的老师。我的代码如下: INSERT INTO `database28`.`activity` VALUES ("Stefan", 1.1.2.2
python - MySQL插入一个条目，其中值的数量<列数
我有一个执行 SQL 命令的 python 脚本，并尝试将所有数据插入表中。问题是我有一个条目列表，例如: "Bob", "bob@gmail.com" "John", "john@gmail.com
css - 基于父列的 Bootstrap 列数
有谁知道这是否可以通过 bootstrap mixins 来完成。列(父级数) 像什么Neat有。在 Neat the Columns 中，mixins 的工作方式如下 @mixin span-c
html - 列数 css 和列分离
我有这样的网址:http://xn----7sbabhi8cwaajmue5o.xn--p1ai/cars/search/by_man_and_model?by_manufacturer=115 你可
html - 固定列宽，列数/行数取决于屏幕宽度
使用 Bootstrap 3，我正在寻找一种网格布局，其中列宽在任何屏幕分辨率下都是固定的(比如 200 像素)，但它们的数量取决于屏幕宽度。换句话说，我知道列的宽度，但我不知道每行有多少列，因为这
java - 我需要显示每列的最小值，编号不均匀。列数
public class SmallestColumn2{ public static void main(String[] args){ int [][] smallest
css - 更改网格系统中的 Bootstrap 列数
如果我只有 9 列，但我想将它们分散到 100% 的 div。如何做到这一点？ NSW VIC QLD WA SA TAS ACT N
html - CSS 列数 - 更改顺序
我想在这里更改列的顺序: #container { position: relative; width: 600px; } #column-wrapper { -webkit-
python DataFrame获取行数、列数、索引及第几行第几列的值方法
1、df=DataFrame([{‘A':'11','B':'12'},{‘A':'111','B':'121'},{‘A':'1111','B':'1211'}])
sql - 使用SQL Loader导入csv文件到表中[但是大号。列数]
我想将csv文件形式的数据导入表中。[使用Oracle SQL Developer]。我有数百个文件，每个文件有大约50列。从SQL * Loader Wiki（http://www.orafaq.
qt - 如何根据布局大小更新 QGridLayout 行/列数？
好吧，这对我来说似乎很基础，尽管我找不到任何关于如何实现它的信息。假设我有某种 QGridLayout 包含相同大小的小部件。现在我想根据布局大小更新其行数/列数。因此，例如在相对较宽的屏幕上它看
hadoop - Hive 对行数、列数、文件大小是否有理论和实际限制？
我在 https://cwiki.apache.org/confluence/display/Hive/Home 中找不到任何记录在案的限制。我的猜测是行数或列数没有限制。文件大小受文件系统限制。通

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 列数和分页符