您的位置:68399皇家赌场 > 服务器租用 > 使得最左侧的要素左边框为0,使得元素边框

使得最左侧的要素左边框为0,使得元素边框

发布时间:2019-05-06 05:50编辑:服务器租用浏览(162)

    方法二、利用jquery计算

    使得最左边的要素右侧框为0,使得成分边框

    艺术1、可以使用last-child,可是它的包容性倒霉,而且对于列表性来说,其兼容性不佳

    方法二、利用jquery计算

    function marginRight0(obj,sum){
        $(obj).each(function(index) {
            if((index 1)%sum == 0){
                $(this).css("margin-right","0px");
            }
        });
    }
    marginRight0($('.zone_list'),4);//调用
    //例子:marginRight0($('.aa'),10);
    

     

    方法壹、可以运用last-child,可是它的兼容性不佳,而且对于列表性来说,其包容性不好方法贰...

    7.参考文献

    HTML与CSS布局技能——垂直居中
    http://lotabout.me/2016/CSS-vertical-center/
    http://y.dobit.top/Detail/162.html

    PPT链接
    录像链接

    function marginRight0(obj,sum){
        $(obj).each(function(index) {
            if((index 1)%sum == 0){
                $(this).css("margin-right","0px");
            }
        });
    }
    marginRight0($('.zone_list'),4);//调用
    //例子:marginRight0($('.aa'),10);
    

    伍.编码实战

    如上

     

    哪些水平居中?

    主意如下:
    ①子元素margin: auto;

            .in {
                margin: auto;
                width: 4em;
            }
    

    贰对于行内成分 text-align: center;

            .in {
                text-align: center;
            }
    

    ③和②相似

            .out {
                text-align: center;
            }
    
            .in {
                display: inline-block;
            }
    

    肆万万定位 left margin-left

            .out {
                position: relative;
            }
    
            .in {
                position: absolute;
                left: 50%;
                width: 5em;
                margin-left: -2.5em;
            }
    

    伍纯属定位 left translatex

            .out {
                position: relative;
            }
    
            .in {
                position: absolute;
                left: 50%;
                transform: translatex(-50%);
            }
    

    ⑥子元素display: table;

            .in {
                display: table;
                margin: auto;
            }
    

    www.68399.com ,⑦父元素 display: flex; 子元素margin:auto;

            .out {
                display: flex;
            }
    
            .in {
                margin: 0 auto;
                height: 20px;
            }
    

    ⑧父元素display: flex;

            .out {
                display: flex;
                justify-content: center;
            }
    
            .in {
                height: 20px;
            }
    

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:使得最左侧的要素左边框为0,使得元素边框

    关键词: 68399皇家赌场 日记本 IT修真院-前端