探索设计模式的魅力：一次设计，多次利用，深入理解原型模式的设计艺术

MENU

• 前言
• html
• style
• 效果

前言

html

<div id="box" class="d_f o_a mt_50 mb_50 ml_20 mr_20">
    <div class="ws_n">tabBar 1</div>
    <div class="ws_n ml_20">tabBar 2</div>
    <div class="ws_n ml_20">tabBar 3</div>
    <div class="ws_n ml_20">tabBar 4</div>
    <div class="ws_n ml_20">tabBar 5</div>
    <div class="ws_n ml_20">tabBar 6</div>
    <div class="ws_n ml_20">tabBar 7</div>
    <div class="ws_n ml_20">tabBar 8</div>
    <div class="ws_n ml_20">tabBar 9</div>
</div>

style

#box {
    & :first-child {
        margin-left: auto;
    }

    & :last-child {
        margin-right: auto;
    }
}

效果