一点点小随笔:min-width

简介:

这里写图片描述

<!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>
目录
相关文章
|
前端开发 Linux 程序员
「CSS」知识点笔记:position
「CSS」知识点笔记:position
83 0
「CSS」知识点笔记:position
|
算法 C++
算法精品讲解(2)——DP问题入门(适合零基础者,一看就会)
到目前为止,我们也已经讲解了几个例题了。我们在最后,就不再为大家继续讲解新的例题了。理由很简单,因为动态规划的题目是有规律可循的,可以将其按照知识点,或者是按照题型归类。而笔者将会在下一篇姊妹篇中,为大家带来按照知识点来讲解的动态规划。而动态规划的提醒大家可以通过多多做一些练习,并将其加以总结,就会对这一块有着越来越深刻的印象和认识。本篇文章的定位只是帮助大家认识DP,将大家领进门,还远远没有能够达到能够熟练掌握的地步。但是大家至少在看完本篇文章之后,能够对所有的DP问题有着清晰的架构了,并且在之后看题解的过程中、做题的过程中也会有自己的一些套路和思考在了。不至于一窍不通、是一个门外汉了。
143 0
算法精品讲解(2)——DP问题入门(适合零基础者,一看就会)
|
前端开发
#yyds干货盘点# 前端歌谣的刷题之路-第一百二十三题-盒模型-content-box
#yyds干货盘点# 前端歌谣的刷题之路-第一百二十三题-盒模型-content-box
58 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百二十三题-盒模型-content-box
|
前端开发 程序员 容器
好程序员web前端培训之CSS基础知识之position
 好程序员web前端培训之CSS基础知识之position   CSS定位机制   标准文档流(Normal flow)   浮动定位(Floats)   绝对定位(Absolute positioning)   标准文档流   从上到下,从左到右,输出文档内容   由块级元素和行级元素组成  ...
3333 0
|
前端开发 程序员
好程序员web前端教程分享CSS不同元素margin的计算
好程序员web前端ji分享CSS不同元素margin的计算:行内级元素   Inline,非置换元素:如果margin值为auto,则margin-left和margin-right的计算值也就为0   Inline,置换元素:同上   Inline-block,置换元素在文档流中:同上   In...
1020 0