首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >水平居中,既有上边边又有下边。

水平居中,既有上边边又有下边。
EN

Stack Overflow用户
提问于 2015-04-05 03:49:52
回答 3查看 50关注 0票数 0

所以我已经想出了如何在div上获得一个最高的保证金,但是我也想得到一个底部的保证金,但我不知道如何做到这两种方法,并将其水平地居中。

代码语言:javascript
运行
复制
margin: 11em auto;

给我一个最高的11微秒,其余的居中。我该如何增加,比如说,2 2em的保证金-底部?我试着用毛皮底,但它不会覆盖最初的保证金规则,我试着把它写成这样:

代码语言:javascript
运行
复制
margin: 11em auto 0 auto 2em auto 0 auto;

但那不起作用。

那么,在设置顶部和底部的边距值时,我将如何水平地居中一个div呢?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-04-05 03:58:50

当您在一行中定义边距值时,将解释:

代码语言:javascript
运行
复制
margin: 10px; 

所有的利润率都有10%。

代码语言:javascript
运行
复制
margin: 10px 20px;

顶部和底部的利润率将为10%。左右边距将有20 and。

代码语言:javascript
运行
复制
margin: 10px 20px 30px;

最高保证金将有10%。左右边距将有20 and。底部保证金将有30%。

代码语言:javascript
运行
复制
margin: 10px 20px 30px 40px;

最高保证金将有10%。右边的保证金是20便士。底部保证金将有30%。左边沿将有40便士。

所以,你可以记得:

代码语言:javascript
运行
复制
margin: top right bottom left;

你的回答是:

代码语言:javascript
运行
复制
margin: 11em auto 2em;
票数 2
EN

Stack Overflow用户

发布于 2015-04-05 03:53:15

您可以给出2em类的第三个参数:

代码语言:javascript
运行
复制
margin: 11em auto 2em;

或者,您可以用2EM覆盖保证金底部:

代码语言:javascript
运行
复制
margin: 11em auto;
margin-bottom: 2em;
票数 0
EN

Stack Overflow用户

发布于 2015-04-05 03:57:14

尝尝这个

代码语言:javascript
运行
复制
margin: 11em auto 2em auto;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29453896

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档