HTML+CSS多种布局技巧

最新推荐文章于 2024-05-17 07:28:12 发布
最新推荐文章于 2024-05-17 07:28:12 发布
阅读量741 收藏 2
点赞数 2
分类专栏： 前端学习笔记 文章标签： css 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37467034/article/details/77318884
版权

一、水平居中

水平居中多用于标题以及内容区域的组织形式，以下是五种实现水平居中的方法：

方法一： 使用inline-block和text-align实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（1）</title>
    <style>
    .parent{
        text-align: center;
    }
    .child{
        display: inline-block;
        height: 200px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>
        <div class="parent">
            <div class="child">
                使用inline-block和text-align实现水平居中
            </div> 
        </div>
    </body>
</html>

优点：兼容性好
缺点：需要同时设置子元素和父元素

方法二： 使用margin：0 auto来实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（2）</title>
    <style>

    .child{
        margin: 0 auto;

        width: 300px;
        height: 200px;
        background: green;
        color: white;
    }

    </style>
</head>
    <body>      
        <div class="child">
            使用margin：0 auto来实现水平居中
        </div> 
    </body>
</html>

优点：兼容性好
缺点：需要指定宽度

方法三： 使用table和margin：0 auto实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（3）</title>
    <style>
    .child{
        display: table;
        margin: 0 auto;

        height: 200px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>      
        <div class="child">
            使用table和margin：0 auto实现水平居中
        </div>      
    </body>
</html>

优点：只需对自身进行设置
缺点：IE6、7不兼容需要调整

方法四： 使用绝对定位实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（4）</title>
    <style>
    .child{
        position: absolute; 
        left: 50%;

        transform: translate(-50%);/*也可使用margin-left设置盒子的一半,不过此时要设置盒子的宽度*/


        height: 200px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>      
        <div class="child">
             使用绝对定位实现水平居中
        </div>      
    </body>
</html>

缺点：兼容性差，需IE9 及以上可用

* 方法五：* 使用flex 布局实现
1、只设置父元素

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（5-1）</title>
    <style>
    .parent{
        display: flex;
        justify-content: center; /*设置水平方向位置，还有flex-end、flex-start等值*/

    }
    .child{
        height: 200px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="child">
                使用flex 布局实现水平居中
            </div> 
        </div>              
    </body>
</html>

2、父元素和子元素都需要设置

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平居中（5-2）</title>
    <style>
    .parent{
        display: flex;
    }
    .child{
        margin: 0 auto;

        height: 200px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="child">
                使用flex 布局实现水平居中
            </div> 
        </div>              
    </body>
</html>

缺点：兼容性差、如果进行大面积的布局可能会影响效率

二、垂直居中

方法一： 使用vertical-align: middle，由于使用它的时候对齐的基线是用行高的基线作为标记，故需要设置line-height和display：table-cell/inline-block

1、设置
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>垂直居中（1）</title>
    <style>
    .parent{
        display: table-cell;
        vertical-align: middle;
        height: 500px;
    }
    .child{

        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="child">
                使用vertical-align: middle实现垂直居中
            </div> 
        </div>              
    </body>
</html>

* 方法二：* 使用绝对定位

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>垂直居中（2）</title>
    <style>
    .child{
        position: absolute;

        top: 50%;   
        transform: translate(0,-50%);
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>
        <div class="child">
            使用vertical-align: middle实现垂直居中
        </div> 

    </body>
</html>

方法三： 使用flex实现，用它实现垂直居中的时候需要给父元素一个高度

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>垂直居中（3）</title>
    <style>
    html,body,.parent{
        height: 100%; //parent的100%高度是根据父元素body>html 的高度设定的，也可以直接设定具体的高度值，不用百分比
    }
    .parent{
         display: flex;
         align-items: center; /*定义body的元素垂直居中*/
    }

    .child{
        width: 300px;
         height: 300px;
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="child">
                使用flex实现垂直居中
            </div> 
        </div>  

    </body>
</html>

三、水平垂直全部居中

方法一：利用绝对定位实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平垂直居中（1）</title>
    <style>

    .child{
        position: absolute;
        top: 50%;
        left: 50%;      
        transform: translate(-50%,-50%);
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="child">
                使用flex实现水平垂直居中
        </div>      

    </body>
</html>

方法二： 使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水平垂直居中（2）</title>
    <style>
    .parent{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 800px;
    }
    .child{
        background: green;
        color: white;
    }   
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="child">
                使用flex实现水平垂直居中
            </div> 
        </div>  

    </body>
</html>

四、多列布局

情况一： 左列定宽，右列自适应

1、使用float+margin-left实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列定宽，右列自适应</title>
    <style>
        .left{
            float: left;
            width: 200px;
            height: 500px;
            background: red;
        }
        .right{
            margin-left: 210px;
            height: 500px;
            background: green;
        }
    </style>
</head>
    <body>  
            <div class="left">
                定宽
            </div>
            <div class="right">
                自适应
            </div>      
    </body>
</html>

2、使用float+overflow实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左定宽，右自适应（2）</title>
    <style>
    .left{
        width: 200px;
        height: 500px;
        float: left;
        background: red;
    }
    .right{
        overflow: hidden;
        height: 500px;
        background: green;
    }
    </style>
</head>
    <body>  

        <div class="left">
            定宽
        </div>
        <div class="right">
            自适应
        </div>

    </body>
</html>

3、使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左定宽，右自适应（3）</title>
    <style>
    .parent{
        display: flex;
    }
    .left{
        width: 200px;
        height: 500px;
        background: red;
    }
    .right{
        flex: 1;
        background: green;
    }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="right">
                自适应
            </div>
        </div>      
    </body>
</html>

4、使用table实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列自适应，右列定宽</title>
    <style>
        .parent{
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        .left{
            display: table-cell;
            width: 200px;
            height: 500px;          
            background: red;
        }
        .right{
            display: table-cell;

            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

情况二： 右列定宽，左列自适应
1、使用float+margin-right 实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列自适应，右列定宽</title>
    <style>

        .left{
            float: left;
            width: 100%;
            height: 500px;
            margin-right: -210px;
            background: red;
        }
        .right{
            float: right;
            width: 200px;
            height: 500px;
            background: green;
        }
    </style>
</head>
    <body>  

            <div class="left">
                自适应
            </div>
            <div class="right">
                定宽
            </div>

    </body>
</html>

2、使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列自适应，右列定宽（2）</title>
    <style>
        .parent{
            display: flex;
        }
        .left{
            flex: 1;
            /*margin-right: 20px;*/
            height: 500px;          
            background: red;
        }
        .right{
            width: 200px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                自适应
            </div>
            <div class="right">
                定宽
            </div>

        </div>

    </body>
</html>

3、使用table实现 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列自适应，右列定宽</title>
    <style>
        .parent{
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        .left{
            display: table-cell;
            height: 500px;          
            background: red;
        }
        .right{
            display: table-cell;
            width: 200px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

情况三： 两列定宽，一列自适应

1、使用float+margin实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>左列自适应，右列定宽（1）</title>
    <style>

        .left{
            width: 200px;
            float: left;            
            background: red;
        }
        .center{
            width: 200px;
            float: left;    
            margin-left: 10px;      
            background: orangered;
        }
        .right{
            margin-left: 420px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

2、使用float+overflow实现

<html>
<head>
    <meta charset="UTF-8">
    <title>两列定宽，一列自适应（2）</title>
    <style>

        .left{
            width: 200px;
            float: left;            
            background: red;
        }
        .center{
            width: 200px;
            float: left;    
            margin-left: 10px;      
            background: orangered;
        }
        .right{
            overflow: hidden;
            margin-left: 420px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

3、使用table实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两列定宽，一列自适应</title>
    <style>
        .parent{
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        .left{
            display: table-cell;    
            width: 200px;   
            background: red;
        }
        .center{
            display: table-cell;
            width: 200px;
            margin-left: 10px;      
            background: teal;
        }
        .right{
            display: table-cell;
            margin-left: 420px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

4、使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两列定宽，一列自适应</title>
    <style>
        .parent{
            display: flex;
        }
        .left{

            width: 200px;   
            background: red;
        }
        .center{

            width: 200px;

            background: teal;
        }
        .right{
            flex: 1;

            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                定宽
            </div>
            <div class="right">
                自适应
            </div>

        </div>

    </body>
</html>

情况四： 两侧定宽，中间自适应

1、使用float+margin实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两侧定宽，中间自适应（1）</title>
    <style>
        .left{
            float: left;
            width: 200px;   
            background: red;
        }
        .center{
            float: left;
            margin-right: -400px;
            width: 100%;
            background: teal;
        }
        .right{
            float: right;
            width: 200px;
            background: green;
        }
    </style>
</head>
    <body>  
            <div class="left">
                定宽
            </div>
            <div class="center">
                自适应
            </div>
            <div class="right">
                定宽
            </div>

    </body>
</html>

2、使用table实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两侧定宽，中间自适应（2）</title>
    <style>
        .parent{
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        .left{
            display: table-cell;
            width: 200px;   
            background: red;
        }
        .center{
            display: table-cell;
            flex: 1;
            background: teal;
        }
        .right{
            display: table-cell;
            width: 200px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                自适应
            </div>
            <div class="right">
                定宽
            </div>
        </div>

    </body>
</html>

3、使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>两侧定宽，中间自适应（3）</title>
    <style>
        .parent{
            display: flex;

        }
        .left{

            width: 200px;   
            background: red;
        }
        .center{            
            flex: 1;
            background: teal;
        }
        .right{

            width: 200px;
            background: green;
        }
    </style>
</head>
    <body>  
        <div class="parent">
            <div class="left">
                定宽
            </div>
            <div class="center">
                自适应
            </div>
            <div class="right">
                定宽
            </div>

        </div>

    </body>
</html>

情况五： 多列等分布局
1、使用float实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>多列等分布局（1）</title>
    <style>

        .column{
            float: left;
            width: 20%;
            margin-left: 10px;
            text-align: center;
            background: red;
        }
    </style>
</head>

<body>  

            <div class="column">
                1
            </div>
            <div class="column">
                2
            </div>
            <div class="column">
                3
            </div>
            <div class="column">
                4
            </div>

    </body>
</html>

2、使用table实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>多列等分布局（2）</title>
    <style>
        .parent{
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        .column{
            display: table-cell;
            margin-left: 10px;
            text-align: center;
            background: red;
        }
    </style>
</head>

<body>  
        <div class="parent">
            <div class="column">
                1
            </div>
            <div class="column">
                2
            </div>
            <div class="column">
                3
            </div>
            <div class="column">
                4
            </div>
        </div>              
    </body>
</html>

3、使用flex实现

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>多列等分布局（3）</title>
    <style>
        .parent{
            display: flex;
        }
        .column{
            flex: 1;
            background: red;
        }
        .column+.column{
            margin-left:20px;
        }
    </style>
</head>

<body>  
        <div class="parent">
            <div class="column">
                1
            </div>
            <div class="column">
                2
            </div>
            <div class="column">
                3
            </div>
            <div class="column">
                4
            </div>
        </div>              
    </body>
</html>

情况六： 九宫格布局
1、使用flex实现

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>左列自适应，右列定宽</title>
        <style>
            .parent{
                display:flex;
                flex-direction:column;
            }           
            .row{
                height:100px;
                display:flex;
            } 
            .item{
                width:100px;
                background:red;
            }
        </style>
    </head>
    <body>  
    <div class="parent"> 
        <div class="row">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div> 
        <div class="row">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div> 
        <div class="row">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div> 
    </div>
    </body>
</html>
林夕梦木子李
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html+css布局
sh2001824的博客
07-26 2827
布局
HTML+CSS知识点
kemisama的博客
09-18 358
html+css知识点
HTML&&CSS设计学习
qq_53763605的博客
11-21 3248
最近在学习HTML&&CSS，顺便分享一下代码 ~~
HTML+CSS页面布局
最新发布
2301_78986604的博客
05-17 1073
通过网页布局，可以使网页的内容更加清晰，有条理，同时更加易读。
HTML中常用的布局技巧（一）
hafk12的博客
04-07 547
在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。display设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后，不再保留位置。设置或检索是否显示对象。visible : 对象可视hidden : 对象隐藏特点：隐藏之后，继续保留原有位置。检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
【前端 | CSS】5种经典布局
趟过java，遇见web
08-08 1159
页面布局是样式开发的第一步，也是 CSS 最重要的功能之一。常用的页面布局，其实就那么几个。下面我会介绍5个经典布局，只要掌握了它们，就能应对绝大多数常规页面。这几个布局都是自适应的，自动适配桌面设备和移动设备。代码实现很简单，核心代码只有一行，有很大的学习价值，内容也很实用。我会用到 CSS 的和，不过只用到一点点，不熟悉的朋友可以先看看教程链接，熟悉一下基本概念。每一个布局都带有 码上掘金 示例，也可以到统一查看。
HTML+CSS页面布局方法介绍
pblh123的专栏
04-17 631
HTML和CSS是构建网页的两个核心技术。HTML负责网页的结构和内容，而CSS负责网页的布局和样式。以下是一些常用的HTML和CSS布局方法，以及相应的经典布局示例。
HTML+CSS01 CSS技巧
多啦的博客
07-01 298
各种CSS效果
div+css网站布局css标准html网站模板
04-02
CSS还可以实现浮动、定位、盒模型等高级布局技巧，使得网页元素能够按照预期进行排列。 二、CSS标准 1. CSS规范：W3C（万维网联盟）是制定CSS标准的权威机构，目前最新的版本是CSS3。CSS3引入了许多新特性，如媒体...
html+css+javascript
05-09
可能讲解了HTML5的新特性、CSS选择器、布局模型（如Flexbox和Grid）、响应式设计以及CSS动画等主题。 总的来说，HTML、CSS和JavaScript是构建动态、交互式网页的关键技术，它们的深入理解和熟练运用对于成为一名...
HTML+CSS常见布局面试题总结
10-31
实际项目中，开发者通常结合多种布局方法，如使用Flexbox处理复杂的一维布局，Grid处理主要的二维布局，同时利用媒体查询实现响应式设计。 以上是HTML+CSS常见布局面试题的主要知识点，熟练掌握这些概念和技术，有...
HTML5+CSS3网站设计基础教程_动手实践源代码
11-09
5. **CSS3布局**：Flexbox（弹性盒模型）和Grid（网格布局）为复杂网页布局提供了强大的解决方案，使得元素对齐、间距调整和响应式设计变得简单。 6. **CSS3过渡与动画**：通过transition和animation属性可以实现...
div+css布局大全
03-22
在"div+css布局大全"的PDF文件中，读者可以期待全面覆盖这些知识点，从基础概念到高级技巧，帮助开发者构建高效、美观的Web页面布局。通过学习和实践，开发者能够更好地掌握Web前端的核心技能，提升项目的表现力和...
HTML---布局（详解）
热门推荐
Philo的博客
01-12 1万+
文章目录网页布局常用标签网页布局实例实例1:用div实现：实例2:用table实现 我们在完成老师布置的前端html任务时，往往布局是最关键的，我们必须先从宏观上把握页面大致的构成，通过标签先确定下页面总体有那些东西，将整体框架写好，之后才是对各个部分进行细致的填充。 网页布局常用标签 div：是块级元素，它可用于组合其他 HTML 元素的容器，它没有确切的含义，天生是用来进行页面布局的，除此之外，由于它属于块级元素，浏览器会在其前后进行换行。 table：是表格元素，每个表格均有若干行（由 &lt
HTML && CSS && 布局
weixin_52528062的博客
11-25 957
从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控 制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变 的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发者。让我们的网页更加丰富多彩。CSS的最大贡献就是：让HTML从样式中解脱苦海， 实现了HTML 专注去做结构呈现。
css常见的几种布局
weixin_69658317的博客
08-17 2980
css常见布局
HTML+CSS各类布局模式介绍，JavaScript命名标识符规范
2401_83621603的博客
03-20 424
而且 css 都是采用的百分比的，而不是固定的宽度，不同点是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式，流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水流一样，一部分一部分的加载，静态的就是采用固定宽度的了。，相对%百分比更加灵活，同时可以支持浏览器的字体大小调整和缩放等的正常显示，因为 em 是相对父级元素的原因没有得到推广。
html+css页面布局
qq_42108313的博客
08-27 1441
文章目录页面布局笔记css盒模型（Box Model）W3C和IE盒子模型display属性设置属性值的简写形式行内元素注意正常盒和怪异盒区别初始化标签float引起高度塌陷浮动什么意思?解决高度塌陷方法clear: left / right /both定义和用法说明可能的值margin和padding写法简写margin-top的传递问题margin上下重叠问题行高img问题img水平垂直居中img和nav同比例增大缩小精灵图列表序号按钮button导航栏书写列表书写伪类选择器1.动态伪类选择器语法2.U
HTML + CSS 布局技巧总结 （1）
java_dazhuzhu的博客
04-28 292
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
day08（CSS06-定位+装饰）v1.0.pdf
02-17
CSS布局定位和装饰是网页设计中非常重要的一部分，通过不同的定位方式和装饰效果可以实现丰富多样的页面布局和美观的界面风格。 在CSS中，定位有多种方式，常见的有静态定位、相对定位、绝对定位、固定定位等。静态...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值