一点点小随笔：min-width

来源：互联网发布：数控车编程软件编辑：程序博客网时间：2024/05/16 07:56

这里写图片描述

<!doctype html><html lang="en">    <head>        <meta charset="UTF-8" />        <title></title>        <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>        <style type="text/css">            * {                margin: 0px;                padding: 0px;            }            html,            body {                width: 100%;                font-size: 16px;                min-width: 1305px;                overflow: hidden;            }            ul {                list-style: none;                width: 100%;                /*border: 1px solid red;*/                background: gray;            }            li {                margin: 11px;                text-align: center;                display: inline-block;                width: 200px;                height: 20px;                border: 1px solid red;            }            li:nth-child(5n+1) {                margin-left: 111px;            }        </style>        <script type="text/javascript">            $(function() {                $('ul li').eq(0).css('background', 'green');            })        </script>    </head>    <body>        <ul>            <li>1</li>            <li>2</li>            <li>3</li>            <li>4</li>            <li>5</li>            <li>6</li>            <li>7</li>            <li>8</li>            <li>9</li>            <li>10</li>        </ul>    </body></html>

0 0