文档章节

css上下左右都居中

 晓枫渔月
发布于 2016/05/16 15:32
字数 139
阅读 2
收藏 0

比如一个登陆界面,一般我们需要将登录框居中显示,实现剧中的方法有很多,我最开始用的是用js写的,计算出容器和内容的长宽,通过设置margin或者padding或者position的值来实现居中。通常左右居中的话可以使用margin: X auto; 今天发现了另一种css居中的方法: 实现上下左右都居中可以这样写:

.fd-test{

position:absolute;

top:50%;

left:50%;

width:100px;

height:100px;

margin:-50px 0 0-50px;

}

© 著作权归作者所有

粉丝 0
博文 3
码字总数 182
作品 0
成都
私信 提问
垂直居中的总结

无需固定高度的方式 用以下的方式,可以适应任何高度的div实现居中。 方式1:使用jquery.popup.js插件 本人封装了一个名为jquery.popup.js的插件,主要是为了弹窗实现居中显示问题,还不错的...

前端届的科比
2015/09/04
63
0
Margin简写分析图

margin:0px auto代表对象上下间隔为0px,左右间隔根据对象宽度自适应。 margin:0px auto简写:可以去掉0后面的px单位,一般CSS代码中如果值为0,那可以不用跟html长度单位。 margin;0px aut...

goodslaver
2014/02/13
37
0
盒子模型(Box Model)

一、背景 就像玩积木,可以随意的摆放想要的效果。 来看张图,体会下盒子模型。 其实。所有的标签都会生成一个矩形框(给它添加一个背景色就会看到),称为元素框(element box),它描述了一...

阿豪的girl
2018/08/06
0
0
UIScrollView加约束

scrollView加约束 平时我们设置一个控件,只要设置好,x,y,w,h值就好了,但是UIScrollView不行.虽然猪坚强结合代码能行,但是既然用了自动布局,就不要用纯代码了,我们还是有办法的 先办到能设置c...

Ethan-GOGO
2016/05/11
56
0
好程序员web前端技术分享css盒模型

web前端技术分享css盒模型 学习目标 1、认识盒子模型 2、盒子模型的组成部分 3、学习盒子模型的相关元素 margin padding 一、css盒模型的概念及组成 概念:盒模型是css布局的基石,它规定了网...

好程序员IT
04/30
6
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
24分钟前
3
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
今天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
今天
4
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
今天
6
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部