ul弹性怎么一行显示_【CSS】弹性盒子Flexible Box

最新推荐文章于 2024-08-21 12:08:59 发布
最新推荐文章于 2024-08-21 12:08:59 发布
阅读量860 收藏
点赞数
文章标签： ul弹性怎么一行显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39953102/article/details/111671715
版权

469afae02efd724d5579cc79fd9ea284.gif

说明

弹性盒子是 CSS3 的一种新的布局模式。 

CSS3 弹性盒子( Flexible Box 或 flexbox)，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 

引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

属性：

display   指定 HTML 元素盒子类型。
flex-direction   指定了弹性容器中子元素的排列方式
justify-content   设置弹性盒子元素在主轴(横轴)方向上的对齐方式。
align-items   设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式。
flex-wrap   设置弹性盒子的子元素超出父容器时是否换行。
align-content   修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐
flex-flow   flex-direction 和 flex-wrap 的简写
order   设置弹性盒子的子元素排列顺序。
align-self   在弹性子元素上使用。覆盖容器的 align-items 属性。
flex   设置弹性盒子的子元素如何分配空间。

弹性盒子内容

弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 

弹性容器内包含了一个或多个弹性子元素。

注意：弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。

弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。

以下元素展示了弹性子元素在一行内显示，从左到右:

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果：

a16c5d33da874ab80d733e40196e9452.png

修改排列方式：

body {
    direction: rtl;
}
 
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 400px;
    height: 250px;
    background-color: lightgrey;
}
 
.flex-item {
    background-color: cornflowerblue;
    width: 100px;
    height: 100px;
    margin: 10px;
}

flex-direction

flex-direction 属性指定了弹性子元素在父容器中的位置。

语法;

flex-direction: row | row-reverse | column | column-reverse

flex-direction的值有:

  • row：横向从左到右排列(左对齐)，默认的排列方式。

  • row-reverse：反转横向排列(右对齐，从后往前排，最后一项排在最前面。

  • column：纵向排列。

  • column-reverse：反转纵向排列，从后往前排，最后一项排在最上面。

示例：

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果;

e5b3dcda3c04af814917bd82a28c8769.png

justify-content 属性

用内容对齐(justify-content)属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线(main axis)对齐。

语法：

justify-content: flex-start | flex-end | center | space-between | space-around

值说明:

  • flex-start：弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。

  • flex-end：弹性项目向行尾紧挨着填充。第一个弹性项的main-end外边距边线被放置在该行的main-end边线，而后续弹性项依次平齐摆放。

  • center：弹性项目居中紧挨着填充。(如果剩余的自由空间是负的，则弹性项目将在两个方向上同时溢出)。

  • space-between：弹性项目平均分布在该行上。如果剩余空间为负或者只有一个弹性项，则该值等同于flex-start。否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。

  • space-around：弹性项目平均分布在该行上，两边留有一半的间隔空间。如果剩余空间为负或者只有一个弹性项，则该值等同于center。否则，弹性项目沿该行分布，且彼此间隔相等(比如是20px)，同时首尾两边和弹性容器之间留有一半的间隔(1/2*20px=10px)。

图解：

25010760ae5057da1835642a4f1fdbfd.png

示例：

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果：

8483e245df4012901e3f9a080d60327f.png

align-items 属性

align-items 设置或检索弹性盒子元素在侧轴(纵轴)方向上的对齐方式。

语法：

align-items: flex-start | flex-end | center | baseline | stretch

值说明:

  • flex-start：弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴起始边界。

  • flex-end：弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴结束边界。

  • center：弹性盒子元素在该行的侧轴(纵轴)上居中放置。(如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度)。

  • baseline：如弹性盒子元素的行内轴与侧轴为同一条，则该值与'flex-start'等效。其它情况下，该值将参与基线对齐。

  • stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。

示例：

<html><head><style> .flex-container {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>
效果：

26850918c0cc8ba9c2c97a01e2812822.png

flex-wrap 属性

flex-wrap 属性用于指定弹性盒子的子元素换行方式。

语法：

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
值说明: 

  • nowrap - 默认， 弹性容器为单行。该情况下弹性子项可能会溢出容器。

  • wrap - 弹性容器为多行。该情况下弹性子项溢出的部分会被放置到新行，子项内部会发生断行

  • wrap-reverse -反转 wrap 排列。

示例：

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 300px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果：

3cb59f37f36283eec291829a0a294ccf.png

align-content 属性

lign-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。

语法;

align-content: flex-start | flex-end | center | space-between | space-around | stretch
值说明: 

  • stretch - 默认。各行将会伸展以占用剩余的空间。

  • flex-start - 各行向弹性盒容器的起始位置堆叠。

  • flex-end - 各行向弹性盒容器的结束位置堆叠。

  • center -各行向弹性盒容器的中间位置堆叠。

  • space-between -各行在弹性盒容器中平均分布。

  • space-around - 各行在弹性盒容器中平均分布，两端保留子元素与子元素之间间距大小的一半。

示例：

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;width: 300px;height: 300px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果：

04ea33357e29e503a2f5867956d3fefb.png

弹性子元素属性

排序

语法：

order:

值用整数值来定义排列顺序，数值小的排在前面。可以为负值。

order 属性设置弹性容器内弹性子元素的属性:

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 100px;height: 100px;margin: 10px;
}.first {-webkit-order: -1;order: -1;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item first">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果：

c5e9c5029241e8bd1cb26dd0e256ffb7.png

对齐

设置"margin"值为"auto"值，自动获取弹性容器中剩余的空间。所以设置垂直方向margin值为"auto"，可以使弹性子元素在弹性容器的两上轴方向都完全居中。

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 75px;height: 75px;margin: 10px;
}.flex-item:first-child {margin-right: auto;
}style>head><body><div class="flex-container"><div class="flex-item">flex item 1div><div class="flex-item">flex item 2div><div class="flex-item">flex item 3div>  div>body>html>

效果

fb4d00878c98176bb2cf3a34823cb16d.png

完美的居中：

使用弹性盒子，居中变的很简单，只想要设置 margin: auto; 可以使得弹性子元素在两上轴方向上完全居中:

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 75px;height: 75px;margin: auto;
}style>head><body><div class="flex-container"><div class="flex-item">Perfect centering!div>div>body>html>

效果

5f97f03db25604536020783a7b228ec3.png

align-self：

align-self 属性用于设置弹性元素自身在侧轴(纵轴)方向上的对齐方式。

语法：

align-self: auto | flex-start | flex-end | center | baseline | stretch

值说明:

  • auto：如果'align-self'的值为'auto'，则其计算值为元素的父元素的'align-items'值，如果其没有父元素，则计算值为'stretch'。

  • flex-start：弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴起始边界。

  • flex-end：弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴结束边界。

  • center：弹性盒子元素在该行的侧轴(纵轴)上居中放置。(如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度)。

  • baseline：如弹性盒子元素的行内轴与侧轴为同一条，则该值与'flex-start'等效。其它情况下，该值将参与基线对齐。

  • stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。

示例：

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;width: 60px;min-height: 100px;margin: 10px;
}.item1 {-webkit-align-self: flex-start;align-self: flex-start;
}.item2 {-webkit-align-self: flex-end;align-self: flex-end;
}.item3 {-webkit-align-self: center;align-self: center;
}.item4 {-webkit-align-self: baseline;align-self: baseline;
}.item5 {-webkit-align-self: stretch;align-self: stretch;
}style>head><body><div class="flex-container"><div class="flex-item item1">flex-startdiv><div class="flex-item item2">flex-enddiv><div class="flex-item item3">centerdiv><div class="flex-item item4">baselinediv><div class="flex-item item5">stretchdiv>div>body>html>

效果：

472f1b09964be5ce82188622606aed88.png

flex 

flex 属性用于指定弹性子元素如何分配空间。

语法：

flex: auto | initial | none | inherit |  [ flex-grow ] || [ flex-shrink ] || [ flex-basis ]

值说明：

  • auto: 计算值为 1 1 auto initial: 计算值为 0 1 auto

  • none：计算值为 0 0 auto

  • inherit：从父元素继承

  • [ flex-grow ]：定义弹性盒子元素的扩展比率。

  • [ flex-shrink ]：定义弹性盒子元素的收缩比率。

  • [ flex-basis ]：定义弹性盒子元素的默认基准值。

<html><head><meta charset="utf-8"> <title>示例title> <style> .flex-container {display: -webkit-flex;display: flex;width: 400px;height: 250px;background-color: lightgrey;
}.flex-item {background-color: cornflowerblue;margin: 10px;
}.item1 {-webkit-flex: 2;flex: 2;
}.item2 {-webkit-flex: 1;flex: 1;
}.item3 {-webkit-flex: 1;flex: 1;
}style>head><body><div class="flex-container"><div class="flex-item item1">flex item 1div><div class="flex-item item2">flex item 2div><div class="flex-item item3">flex item 3div>  div>body>html>

效果

b054cf58c482b2ff8970c2a5a3595fb6.png

完

  码上加油站

  一起来加油

长按扫码关注

555986b34616778a6b88e9b36ff84ad7.png

点“在看”你懂得

c1d8095427c32a51b6ecd1dd8b1beb1f.png
weixin_39953102
关注
C3之弹性盒子
qq_46179838的博客
04-20 1011
flex盒子常用属性一、父元素1、flex-direction2、flex-wrap3、justify-content4、align-items5、align-content二、子元素1、order2、align-self3、flex-grow4、flex-shrink5、flex-basis三、flex-basis和width的联系flex应用一、动态增加导航栏二、等分布局（四等分、二等分，中间可加margin）三、其中一个固定宽度的布局（固定一个、固定两个······）四、圣杯布局 常用属性 一、父元素
弹性盒子内容体居右对其_弹性盒子：布局方案
weixin_40001442的博客
12-28 5132
作用：控制离它最近的一层子元素,布局方式。特点：a：弹性盒子里面的离它最近的一层子元素都可以添加大小。b: 如果想让弹性盒子里面的一个子元素左右上下居中，只需要给子元素添加margin:auto即可c: 弹性盒子里面的子元素都是沿着“主轴”排列"主轴":有可能是X轴也有可能是Y轴，如果X轴为主轴，Y轴就是侧轴。注：默认情况下X轴为主轴。一：触发弹性盒子：display:flex;二：改变主轴的方向...
ul弹性怎么一行显示_弹性盒
weixin_39740272的博客
11-21 479
长久以来，唯一可用的且有稳定的跨浏览器兼容性的能用来构建 CSS 布局的工具只有 floats 和 positioning。它们是既可行，表现也不错的布局方案，但是在某些布局方面它们就有限制，并且难以实现。弹性盒子使得很多布局任务变得更加容易。首先，我们需要选择将哪些元素将设置为柔性的盒子。我们需要给这些 flexible 元素的父元素 display 设置一个特定值。section { di...
【HTML】弹性盒子 (display: flex) 布局
最新发布
千里之行，始于足下
08-21 1609
容器属性：flex-direction (主轴的方向)，flex-warp (主轴的项目换行)，justify-content (项目在主轴上的对齐方式)，align-items (项目在交叉轴上的对齐方式)，align-content (项目在交叉轴上的对轴线对齐方式)；项目属性：order (排列顺序)，flex-frow (放大比例)，flex-shrink (缩小比例)，flex-basis (项目初始占据的主轴空间)，align-self (自己单个项目的交叉轴对齐方式)
CSS3 弹性盒子(Flex Box)
code_dream_wq的博客
11-25 805
一、justify-content属性定义了项目在主轴上的对齐方式。 .box { justify-content: flex-start | flex-end | center | space-between | space-around; } 它可能取5个值，具体对齐方式与轴的方向有关。下面假设主轴为从左到右。 flex-start（默认值）：左对齐 flex-end：右对齐 center： 居中 space-between：两端对齐，项目之间的间隔都相等。 spac.
CSS弹性盒子布局
like896369216的博客
04-11 5679
前传：弹性盒子上个学期学完了，但是最近要开始学习小程序的课程，弹性盒子在小程序的布局中可谓是相当的重要，那么就要从新拾起这块的知识，就当是复习，会的巩固，不会的重新学习。 聊一聊几种布局方式： 默认布局：块元素上下排列，行内元素一行从左到右排列 浮动布局：浮动可以将元素一行排列，可以设置元素靠左或靠右排列 定位布局：通过定位，可以将元素放到指定的位置 我们要知道：几种布局之间不是相互取代的关系，而是互相配合，互相补充 下面介绍的flexbox（弹性盒子）布局也是如此，可以更简单的方式实现某些布局，
css3 弹性布局和多列布局
FareBlog
02-10 3646
css3 弹性布局和多列布局弹性盒子(Flexible Box)是css3中盒子模型的弹性布局，在传统的布局方式上增加了很多灵活性。弹性盒子基础定义一个弹性盒子在父盒子上定义display属性：#box{ display: -webkit-flex; //webkit内核浏览器的兼容设置，下同 display: flex; }当然还有行内布局的弹性盒子#box{ display: -
CSS3 弹性盒子和常用标签
菜鸟心声：学的不仅是技术，更是梦想！
02-25 457
CSS3弹性盒子 学习目标 掌握CSS3弹性盒子的使用方法 掌握CSS3弹性盒子的水平分布方法 重点 掌握CSS3弹性盒子的垂直分布的方法 重点 掌握CSS3弹性盒子排序的用法 CSS3 弹性盒子属性 属性 描述 display 指定 HTML 元素盒子类型。 flex-direction 指定了弹性容器中子元素的排列方式。 justify-content 设置弹性盒子元素在主轴（横轴）方向上的对齐方式。 align-items 设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式
CSS3系列 11 弹性布局
weixin_43422005的博客
07-21 1293
弹性布局 基本介绍 弹性布局flex是CSS3新增的一种布局方式，相较于浮动布局，弹性布局在开发效率与维护性上都远胜前者。 flex全称为flexible box，因此也被称之为弹性盒子。 学习弹性布局最主要从2个方面入手： 弹性容器：被设置为display: flex或display: inline-flex的容器元素 弹性元素：弹性容器中包裹的元素 一个大的弹性容器中可以包含多个小的弹性容器，我们可以控制弹性容器中元素的排列方式，也可以为弹性元素进行单独的区域划分以及改变其排列方式，总之而言使用弹性
CSS Flex弹性布局详解：方向与换行控制
在现代前端开发中，Flex布局（Flexible Box Layout）是一种强大的工具，特别适合用于响应式设计，特别是在移动设备上实现灵活且易于管理的布局。本文将通过一个基础案例来讲解如何使用CSS Flex来构建布局，并探讨其...
移动端布局之弹性盒（flex Box）
weixin_45457515的博客
08-03 1172
Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局，从而改变组件的尺寸和位置， 以达到最佳的显示效果。这也使得布局的逻辑变得更加复杂。弹性盒模型可以用简单的方式满足很多常见的复杂的布局需求。该布局模型在主...
弹性盒子内容体居右对其_弹性盒子侧轴对齐方式
weixin_42309293的博客
12-28 1856
专业术语：1.主轴和侧轴：主轴、主轴方向： 伸缩容器的主轴，伸缩项目主要沿着这一条轴进行布局，取决于justify-content， 默认是水平的(即x轴方向) 如果justify-content：column则为纵向的(即为y轴方向)侧轴、侧轴方向：与主轴垂直的轴称为侧轴，取决于主轴2.伸缩容器和伸缩项目：伸缩容器： 设置display：flex的元素伸缩项目： 其下的子元素设置在项目上的属性a...
弹性盒子内容体居右对其_弹性盒子常用属性
weixin_39740346的博客
12-28 1030
添加浏览器前缀： -webkit- 也可用postCss自动添加display:-webkit-flex;*如果用了弹性布局，子元素不需要浮动，-webkit-justify-content： 子元素水平排列方式方式。center　　　　　　水平居中space-between　　两端对齐space-around　　 手拉手平均分flex-start　　　　　居左...
弹性盒使用问题 1-右侧自适应
Ammy的成长
03-14 1361
&lt;div class="box1"&gt; &lt;div class="box2"&gt;&lt;/div&gt; &lt;div calss="box3"&gt; &lt;div calss="box4"&gt; 我是一个有最小宽度的盒子 &lt;/di
如何右对齐弹性项目？
asdfgh0077的博客
04-20 218
Is there a more flexbox-ish way to right-align "Contact" than to use position: absolute ? 与使用positi
弹性盒子
weixin_43900601的博客
04-23 149
弹性盒子 靠右 从右往左 从左往右 direction: rtl; direction: ltr; 从上往下 靠下 从下往上 flex-direction: column; flex-direction: column-reverse; 横向居中 水平居中 justify-content: center; ...
弹性盒子的布局运用
TKY666的博客
03-23 2098
弹性盒子——传统布局——基于盒子模型，依赖 display 属性、position属性、float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 并且，传统布局代码冗长，出错率高，要时刻注意清除浮动或者在进行绝对定位时给父元素添加相对定位。否则就容易造成页面布局混乱。 Flex布局可以避免这种情况： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。......
flex布局---某个子元素独占一行
热门推荐
weixin_44705310的博客
10-27 1万+
实现方式： //html部分vue模板语法 <div class="flex-box"> <div v-for="(item,index) in list" :class="{'flex-item':true;'title':item.code === 'name'}"> item.name </div> </div> //css部分 .flex-box{ display:flex; fle
弹性盒怎么实现左边图片右边文字_快速了解CSS盒模型
weixin_39611037的博客
11-21 808
概念当对文档进行布局时，所有元素会根据CSS盒模型进行渲染。CSS决定盒子的大小、位置以及其它属性。模型盒模型又称框模型(Box Model)，由内容content、内边距padding、边框border和外边距margin四部分组成。标准模型元素宽度width=content-width，高度height=content-height。而IE模型元素宽度width=content-wi...
select_ul = browser.find_element(By.CSS_SELECTOR,str_css)
07-11
根据您提供的代码 `select_ul = browser.find_element(By.CSS_SELECTOR, str_css)`，它使用了 Selenium 的 `find_element` 方法来根据 CSS 选择器定位元素。 假设您已经初始化了一个 Selenium WebDriver 对象，并将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值