2018-05-22 CSS如何居中

最新推荐文章于 2024-06-16 11:13:32 发布
最新推荐文章于 2024-06-16 11:13:32 发布
阅读量743 收藏 2
点赞数
分类专栏： CSS 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EnochQin/article/details/80407353
版权

本文翻译自 CSS Tricks 中关于居中的相关介绍。

1、水平居中

1.1 内联元素的水平居中（如链接或文本）

可以在一个块级别的父元素中水平地居中内联元素，只需：

.center-children {
  text-align: center;
}

注：这种写法适用于inline, inline-block, inline-table, inline-flex等等。
代码示例：
=> html代码

<header>
  This text is centered.
</header>

<nav role='navigation'>
  <a href="#0">One</a>
  <a href="#0">Two</a>
  <a href="#0">Three</a>
  <a href="#0">Four</a>
</nav>

=> css代码

body {
  background: #f06d06;
}

header, nav {
  text-align: center;
  background: white;
  margin: 20px 0;
  padding: 10px;
}

nav a {
  text-decoration: none;
  background: #333;
  border-radius: 5px;
  color: white;
  padding: 3px 8px;
}

=> 效果图

内联元素水平居中

1.2 块级元素水平居中

可以通过给它设置margin-left和margin-right为auto （并且该元素需有width属性，否则它将占满整行，无法居中）来居中一个块级元素。通常用这样的速记法来做：

.center-me {
  margin: 0 auto;
}

注：无论您所处的块级别元素的宽度是多少，还是父节点，这都是可行的。
注意：你不能浮动一个元素到水平居中的位置 ，不过有一个小技巧（本文不再详述，可点击链接自行查看）。
代码示例：

=> html代码

<main>
  <div class="center">
    I'm a block level element and am centered.
  </div>
</main>

=> css代码

body {
  background: #f06d06;
}

main {
  background: white;
  margin: 20px 0;
  padding: 10px;
}

.center {
  margin: 0 auto;
  width: 200px;
  background: black;
  padding: 20px;
  color: white;
}

=> 效果图
块级元素居中

1.3 两个及以上的多个块级元素水平居中

如果您有两个或多个块级别的元素，它们需要在一行中水平居中，那么最好将它们作为不同的display。比如设置其为display:inline-block。

代码示例1：
注：下面的示例中，inline-block-center的<main>标签中，是把父元素设置text-align:center，子元素设置display:inline-block；
flex-center的<main>标签中，使用了CSS3中新增的弹性盒子（附带MDN相关介绍）是把父元素设置display: flex;justify-content: center;
=>html代码

<main class="inline-block-center">
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row. I have more content in me than my siblings do.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
</main>

<main class="flex-center">
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row. I have more content in me than my siblings do.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  margin: 20px 0;
  padding: 10px;
}

main div {
  background: black;
  color: white;
  padding: 15px;
  max-width: 125px;
  margin: 5px;
}

.inline-block-center {
  text-align: center;
}
.inline-block-center div {
  display: inline-block;
  text-align: left;
}

.flex-center {
  display: flex;
  justify-content: center;
}

=>效果图
多个块级元素水平居中

代码示例2：
注：下面的例子中，表现的是你有多个块级元素堆叠在一起，在这种情况下，自动边距（即margin:0 auto）仍然很好。即多个块级元素不需要在一行显示，居中的方法仍使用margin:0 auto。
=>html代码

<main>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row. I have more content in me than my siblings do.
  </div>
  <div>
    I'm an element that is block-like with my siblings and we're centered in a row.
  </div>
</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  margin: 20px 0;
  padding: 10px;
}

main div {
  background: black;
  margin: 0 auto;
  color: white;
  padding: 15px;
  margin: 5px auto;
}

main div:nth-child(1) {
  width: 200px;
}
main div:nth-child(2) {
  width: 400px;
}
main div:nth-child(3) {
  width: 125px;
}

=>效果图

2、垂直居中

2.1 内联元素垂直居中

2.1.1 单行内联元素垂直居中
代码示例1：
单行内联元素使用上下相同的padding造成垂直居中的效果

.link {
  padding-top: 30px;
  padding-bottom: 30px;
}

=>效果图
使用padding垂直居中

代码示例2：
当某些情况下，不适合使用padding填充时，可以让其文本的行高=父元素的高度达到垂直居中的效果。
=>html代码

<main>
  <div>
    I'm a centered line.
  </div>
</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  margin: 20px 0;
  padding: 40px;
}

main div {
  background: black;
  color: white;
  height: 100px;
  line-height: 100px;
  padding: 20px;
  width: 50%;
  white-space: nowrap;
}

=>效果图
使用行高垂直居中

2.1.2 多行内联元素垂直居中
代码示例1：
使用表格布局居中（基本过时的用法）
注：下面的例子中，第一个效果图展示的是直接使用<table>标签（其<td>标签默认垂直居中），第二个效果图展示的是父元素<div>设置display:table，子元素<p>设置display: table-cell;vertical-align: middle;
=>html代码

<table>
  <tr>
    <td>
      I'm vertically centered multiple lines of text in a real table cell.
    </td>
  </tr>
</table>

<div class="center-table">
  <p>I'm vertically centered multiple lines of text in a CSS-created table layout.</p>
</div>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

table {
  background: white;
  width: 240px;
  border-collapse: separate;
  margin: 20px;
  height: 250px;
}

table td {
  background: black;
  color: white;
  padding: 20px;
  border: 10px solid white;
  /* default is vertical-align: middle; */
}

.center-table {
  display: table;
  height: 250px;
  background: white;
  width: 240px;
  margin: 20px;
}
.center-table p {
  display: table-cell;
  margin: 0;
  background: black;
  color: white;
  padding: 20px;
  border: 10px solid white;
  vertical-align: middle;
}

=>效果图
table布局

display:table布局

代码示例2：
使用flexbox来垂直居中。
精简CSS代码如下：

.flex-center-vertically {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
}
具体示例：

=>html代码

<div class="flex-center">
  <p>I'm vertically centered multiple lines of text in a flexbox container.</p>
</div>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

div {
  background: white;
  width: 240px;
  margin: 20px;
}

.flex-center {
  background: black;
  color: white;
  border: 10px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 200px;
  resize: vertical;
  overflow: auto;
}
.flex-center p {
  margin: 0;
  padding: 20px;
}

=>效果图
flexbox垂直居中

代码示例3：
使用伪元素来垂直居中。
精简CSS代码如下：

.ghost-center {
  position: relative;
}
.ghost-center::before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
.ghost-center p {
  display: inline-block;
  vertical-align: middle;
}

=>html代码

<div class="ghost-center">
  <p>I'm vertically centered multiple lines of text in a container. Centered with a ghost pseudo element</p>
</div>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

div {
  background: white;
  width: 240px;
  height: 200px;
  margin: 20px;
  color: white;
  resize: vertical;
  overflow: auto;
  padding: 20px;
}

.ghost-center {
  position: relative;
}
.ghost-center::before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
.ghost-center p {
  display: inline-block;
  vertical-align: middle;
  width: 190px;
  margin: 0;
  padding: 20px;
  background: black;
}

=>效果图
伪元素垂直居中

2.2 块级元素垂直居中

不知道网页布局的高度是很常见的，原因有很多：如果宽度改变，文本流会改变高度。文本样式的差异可以改变高度。文本数量的差异可以改变高度。具有固定宽宽比的元素，如图像，可以在重置宽高时改变高度等等。
但是如果你已经知道高度，就可以这样：

2.2.1 块级元素的高度已知/确定
即设置子元素相对于父元素绝对定位，子元素设置top：50%，并设置margin-top为负的子元素自身高度的一半。

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  height: 100px;
  margin-top: -50px; /* account for padding and border if not using box-sizing: border-box; */
}

代码示例：
注：
=>html代码

<main>

  <div>
     I'm a block-level element with a fixed height, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  height: 300px;
  margin: 20px;
  width: 300px;
  position: relative;
  resize: vertical;
  overflow: auto;
}

main div {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  height: 100px;
  margin-top: -70px;
  background: black;
  color: white;
  padding: 20px;
}

=>效果图

2.2.2 块级元素的高度未知/不确定
它仍然可以通过将它的一半高度推到一半的高度来居中，即设置子元素transform: translateY(-50%); ，即：

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

=>html代码

<main>

  <div>
     I'm a block-level element with an unknown height, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  height: 300px;
  margin: 20px;
  width: 300px;
  position: relative;
  resize: vertical;
  overflow: auto;
}

main div {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  background: black;
  color: white;
  padding: 20px;
  transform: translateY(-50%);
  resize: vertical;
  overflow: auto;
}

=>效果图

2.2.3 使用display:flex布局
即：

.parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

=>html代码

<main>

  <div>
     I'm a block-level element with an unknown height, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
}

main {
  background: white;
  height: 300px;
  width: 200px;
  padding: 20px;
  margin: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: vertical;
  overflow: auto;
}

main div {
  background: black;
  color: white;
  padding: 20px;
  resize: vertical;
  overflow: auto;
}

=>效果图

3、水平居中+垂直居中

3.1 固定宽高的元素

使用负的margin等于宽度和高度的一半，在你完全定位50%/50%之后，它会以巨大的跨浏览器支持为中心，即：

.parent {
  position: relative;
}

.child {
  width: 300px;
  height: 100px;
  padding: 20px;

  position: absolute;
  top: 50%;
  left: 50%;

  margin: -70px 0 0 -170px;
}

代码示例：
=>html代码

<main>

  <div>
     I'm a block-level element a fixed height and width, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
  padding: 20px;
}

main {
  position: relative;
  background: white;
  height: 200px;
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  resize: both;
  overflow: auto;
}

main div {
  background: black;
  color: white;
  width: 200px;
  height: 100px;
  margin: -70px 0 0 -120px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
}

=>效果图

3.2 宽高未知的元素

如果你不知道宽度和高度，你可以使用transform属性和在两个方向上的负translate（它基于当前元素的宽度/高度）到中心，即：

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

代码示例：
=>html代码

<main>

  <div>
     I'm a block-level element of an unknown height and width, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
  padding: 20px;
}

main {
  position: relative;
  background: white;
  height: 200px;
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  resize: both;
  overflow: auto;
}

main div {
  background: black;
  color: white;
  width: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  resize: both;
  overflow: auto;
}

=>效果图

  • #### 使用flexbox居中
    要用flexbox向两个方向居中，你需要使用两个中心属性，即：
.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

=>html代码

<main>

  <div>
     I'm a block-level-ish element of an unknown width and height, centered vertically within my parent.
  </div>

</main>

=>css代码

body {
  background: #f06d06;
  font-size: 80%;
  padding: 20px;
}

main {
  background: white;
  height: 200px;
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
  overflow: auto;
}

main div {
  background: black;
  color: white;
  width: 50%;
  padding: 20px;
  resize: both;
  overflow: auto;
}

=>效果图

3.3 使用grid居中

这只是一个非常有效的小技巧（由Lance Janssen上传）
=>html代码

<div class="wrapper">
    <span> I'm centered!</span>
</div>

=>css代码

.wrapper{
  height:300px;
  width:300px;
  border:1px solid red;
  display: grid;
}
span {
  margin: auto;
}

=>效果图

Enoch-Qin
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
元素/图片垂直居中
车明强的博客
09-14 584
div固定垂直居中 代码： 第一种方法 第二种方法 效果： 图片/元素在块里垂直居中 高度小的找高度高的 元素的话先转成行内块元素 方法： 设置元素在容器内垂直居中，必须更改默认display属性为行内块元素inline-block vertical-align：middle 。 加上同级元素（标尺作用）样式设置为宽为0高为100% display-inlineblock vertical-align：middle; 再给大盒子一个text-align：cen...
CSS样式——div居中方法
诗琪芮的博客
10-21 16万+
1、绝对居中 给div设置样式，div默认显示位置为body的左上方。 width: 400px; height: 300px; background-color: orange; 如下图所示： 首先给div添加绝对定位，并设置上下左右边距为0，然后使用margin: auto;自动居中。 position: absolute; top: 0; bottom:
CSS学习笔记（初识）
最新发布
2401_84434442的博客
06-16 804
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》rgin内盒尺寸计算（元素实际大小）Element Height = content height + padding + border （Height为内容高度）
CSS块级元素水平垂直居中常用的几种方式
过去属于死神，未来属于自己
12-22 1442
提示：本文总结了在工作中常用的4种块级元素水平垂直居中方法，希望对你有所帮助。
CSS 实现居中的几种方法
qq_45371853的博客
05-31 3848
**CSS 实现居中的几种方法**一、前言二、常见的方法方法一：margin和width实现方法二：inline-block和父元素text-align方法三：浮动实现水平居中方法四：绝对定位实现方法五：css3的flex实现方法六：css3的fit-content 一、前言 居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可
8 种CSS实现内容居中的方法
web前端开发
12-18 5484
关于CSS实现内容居中的方式有很多种，在今天这篇文章里，我给大家整理了8种实现内容居中的方式，希望这些方法对你学习和使用CSS进行开发有帮助。1. Flex可能是当今最流行和最简单的居中方式，我可以放心地承认，当我可以使用 text-align: center 代替时，我使用它来对齐段落。.flexbox-row { display: flex; flex-direction: row; ...
2018-4-25 自定义 css 样式调整块级图片标题显示位置1
08-04
【自定义CSS样式调整块级图片标题显示位置】 在网页设计中，自定义CSS样式是控制元素布局和外观的关键手段。对于块级图片标题的位置调整，我们可以通过CSS选择器和属性来实现各种布局效果。以下将详细介绍如何使用...
CSS line-height行高上下居中垂直居中样式属性
09-25
总之，`line-height`是一个强大的CSS属性，它可以用于改善文本的视觉呈现，实现垂直居中效果，并有助于创建易于阅读的布局。理解和熟练掌握`line-height`的使用，能帮助开发者更有效地控制页面的视觉呈现。
2018-4-25 自定义 css 样式调整块级图片标题显示位置 (1)1
08-04
1. **将标题置于图片外的上方居中：** ```css .story_image { padding-top: 40px; } .story_image_caption { position: absolute; top: 0; right: 0; left: 0; border-bottom: 0; text-decoration-style...
深入理解CSS行高line-height与文本垂直居中的原理
09-27
本文详细介绍了CSS行高属性line-height与文本垂直居中的原理，通过本文的介绍相信对大家以后使用line-height和设置文本垂直居中会更加熟练，有需要的可以参考借鉴。下面一起来看看。
Responsive-Web-Design-CSS
03-14
例如，创建一个水平居中的弹性容器： ```css .container { display: flex; justify-content: center; } ``` 4. **网格系统**：CSS Grid提供二维布局，允许开发者在行和列上精确控制元素的位置。这对于创建...
CSS简单的图片居中
m0_67401761的博客
08-01 1万+
就可以实现水平居中了!实现图片的水平居中；(有的设计师为图片再加个div标签，然后通过div标签的margin实现居中，也可以，不过，在结构中就又多了对div，相对麻烦点)至于垂直居中的方法和前面的都一样，就不再重述。padding-top50px，50px这个数值是经过计算得到的，padding-top的值具体算法如下(DIV的高度–图片的高度)/2，但这里要注意，根据盒模型原理，我们还要将DIV原来的高度200减去padding-top的值，这样显示的才是正确的，否则DIV会变高。...
CSS 元素垂直居中的 6种方法
热门推荐
wolinxuebin的专栏
05-30 45万+
转自：http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%9A%84-6%E7%A7%8D%E6%96%B9%E6%B3%95/利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left
CSS水平居中+垂直居中+水平/垂直居中的方法总结
半夏半暖半倾城的博客
09-02 19万+
  目录 水平居中  行内元素  块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素  块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex布局实现 水平居中  行内元素 首先看它的父元...
css居中的几种办法,CSS div居中的几种方法
weixin_31362539的博客
08-03 2206
CSS实现div垂直居中的方法有很多，下面div居中的几种方法是自己平时写网页中经常用到的，最常见的例子就是登录注册弹出框。方法一：对div使用绝对布局position:absolute;并设置top，left，right，bottom的值相等，但不一定都等于0；并且设置margin:auto。div水平垂直都居中方法二：这个方法要知道div的宽度和高度。对div使用绝对布局position:ab...
css居中怎么做
zzo12345的博客
11-07 747
文章目录 一、行内元素的水平居中 二、块级元素的水平居中 三、行内元素的垂直居中 四、块级元素的垂直居中 五、块级元素的水平垂直居中 一、行内元素的水平居中 处于块级元素包裹中的行内元素，其水平居中可在其父元素中使用text-align:center，代码如下： #block-inline { text-align: center; } <div id="block-inline"> <span>我是s.
css盒子模型的padding的误解,利用padding实现居中
火星男孩的分享空间
03-25 2758
一、Android中的图片使用padding摆放：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_heigh
纯css控制让一个div水平垂直居中的6种方法
weixin_30691871的博客
01-05 966
注意相对父级定位： 方法一：　div{ width: 200px; height: 200px; background: green; position:absolute; left:0; top: 0; bottom: 0; ...
css居中方式大全
Heart_At_You的博客
04-15 576
子元素 父元素 水平 行内 块级 定宽、块状：margin: [左右] auto 不定宽默认居中显示 display:inline position:relative; left:50%; 定宽定高：{position:absolute; transform:translate(50%)} 行内 块级 text-align:center flex布局 position:relative; tran...
上下居中 css text-bottom
09-10
### 回答1： 要让文字上下居中，可以使用CSS的`line-height`属性来实现。将`line-height`属性的值设置为元素的高度即可实现垂直居中。 例如，如果你有一个高度为50px的元素，可以使用以下CSS代码来实现文字上下居中： ``` .element { height: 50px; line-height: 50px; } ``` 如果你想将文字垂直居中到元素的底部，可以将`vertical-align`属性设置为`bottom`： ``` .element { height: 50px; line-height: 50px; vertical-align: bottom; } ``` 这样，文字就会垂直居中到元素的底部了。 ### 回答2： 在CSS中，我们可以使用`text-bottom`来控制文本在垂直方向上的对齐方式。具体而言，`text-bottom`属性将文本的基线与其父元素的底部对齐。 假设我们有一个包含文本的`<div>`元素，并且希望将文本在垂直方向上置于父元素的中间，我们可以按照以下步骤进行操作。 首先，我们需要设置父元素的`display`属性为`flex`，以便方便地进行垂直居中对齐。具体代码如下： ``` .parent { display: flex; align-items: center; } ``` 接下来，在父元素中嵌套一个`<span>`元素，作为包含文本的容器。然后，将这个`<span>`元素的样式设置为`text-bottom`，以达到上述对齐效果。具体代码如下： ``` .parent span { vertical-align: text-bottom; } ``` 最后，将文本添加到`<span>`元素中，即可实现上下居中对齐。 ``` <div class="parent"> <span>这里是文本</span> </div> ``` 总之，通过使用`text-bottom`属性以及结合`flex`布局，我们可以实现在CSS中将文本在垂直方向上置于父元素中间的效果。 ### 回答3： 在CSS中，可以使用text-bottom属性来实现文字对齐的上下居中效果。 text-bottom是一个相对于基线的度量值，它的作用是将元素中的文本内容垂直对齐到周围元素的底部。通过将text-bottom属性设置为0，可以达到文字在元素中垂直居中的效果。 下面是一个示例的CSS代码： ```css .container { display: flex; align-items: center; justify-content: center; height: 200px; /* 设置容器高度 */ border: 1px solid black; } .text { text-bottom: 0; /* 设置文本内容垂直居中 */ } ``` 通过以上的代码，可以实现一个容器中的文本内容在垂直方向上居中对齐。我们使用了flex布局来实现垂直和水平居中，align-items:center属性用于垂直居中，而justify-content:center属性用于水平居中。 以上是关于CSS的text-bottom属性的简单介绍和示例。通过对CSS样式的设置，我们可以轻松达到上下居中的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值