两端对齐-笔记

无聊的两端对齐

by xiaobai

HTML

<div class="testWrap">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

CSS

* {
        margin: 0;
        padding: 0;
    }

    ul, li {
        list-style: none;
    }

    ul {
        margin-right: -10px;
        zoom: 1;
    }

    li {
        width: 186px;
        height: 200px;
        margin-right: 10px;
        float: left;
        border: 1px solid red;
    }

    .testWrap {
        width: 980px;
        padding: 10px 0;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #000000;
    }