linkedu视频
平面设计
电脑入门
操作系统
办公应用
电脑硬件
动画设计
3D设计
网页设计
CAD设计
影音处理
数据库
程序设计
认证考试
信息管理
信息安全
网页制作
数据库
程序设计
操作系统
CMS教程
游戏攻略
脚本语言
平面设计
软件教程
网络安全
电脑知识
服务器
视频教程
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
您的位置:
首页
>
网页设计
>
CSS
> 设置一个层在浏览器中同时左右居中上下居中水平垂直居中
设置一个层在浏览器中同时左右居中上下居中水平垂直居中
作者:佚名 字体:[
增加
减小
] 来源:互联网 时间:2017-08-06
本文主要包含水平居中,垂直居中等相关知识,佚名 希望在学习及工作中可以帮助到您
想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现。代码如下:
css代码:
说明:margin属性中的两个-100px分别为width和height属性值的一半的负值。
您可能想查找下面的文章:
CSS水平垂直居中的几种方法总结
CSS实现水平居中的4种思路简要概述
一个div在浏览器水平居中的实现方法
css使用flexbox布局容器内多元素水平居中
css实现移动端图片文字水平居中
CSS绝对定位元素left设为50%实现水平居中
设置一个层在浏览器中同时左右居中上下居中水平垂直居中
CSS解决文字与图片不能水平居中对齐的问题
收罗CSS布局中有关水平和垂直居中的N种方法
纯css多种方法实现div中单行文字、多行文字及嵌套div垂直水平居中
相关文章
2017-08-06
子元素div高度不确定时父div高度如何自适应
2017-08-06
清理CSS样式的几个有用工具
2017-08-06
解析CSS编写中的属性优先级问题
2017-08-06
CSS的未来:一些试验性非主流隐藏在浏览器中的CSS属性
2017-08-06
DIV和SPAN垂直居中对齐的实现方法
2017-08-06
CSS去除列表默认边距的简单方法
2017-08-06
css 入门基础教程
2017-08-06
css中url的路径含义及使用
2017-08-06
用纯CSS实现禁止鼠标点击事件示例代码
2017-08-06
CSS的background属性的缩写顺序介绍
文章分类
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
最近更新的内容
div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...
CSS控制文本的长度 超过一行显示省略号的实现方法
IE6 注释引起的文字溢出和浮动错位的解决思路
css background-position 用法详细图文介绍
CSS 浏览器专用
Li list-style-image 图片垂直居中
Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)
CSS Hack 汇总快查 振之整理
英文强制换行css 使用css强制英文单词断行代码
纯css3实现鼠标经过图片显示描述的动画效果