Flex

Flex布局

mx
            <div class="mx-flex">
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
            </div>
mx
mx
            <div class="mx-flex">
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
            </div>
mx
mx
mx
            <div class="mx-flex">
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
            </div>
mx
mx
mx
mx
            <div class="mx-flex">
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
            </div>
mx
mx
mx
            <div class="mx-flex">
                <div><div class="placeholder">mx</div></div>
                <div class="mx-flex__item"><div class="placeholder">mx</div></div>
                <div><div class="placeholder">mx</div></div>
            </div>