【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中（示例）

实现效果：

代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><style>.box1 {width: 300px;height: 300px;background-color: rgb(209, 233, 209);}.box2 {width: 150px;height: 150px;background-color: rgb(245, 196, 169);position: relative;margin: 0 auto;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);/* 文字居中 */text-align: center;line-height: 145px;}</style><body><div class="box1"><div class="box2">居中了</div></div></body>
</html>

2、在屏幕居中

  .login {width: 200px;height: 500px;position: fixed;bottom: 0;left: 0;right: 0;top: 0;z-index: 901;color: rgb(142, 180, 252);text-align: center;font-size: 14px;background-color: white;margin: auto;}

【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中（示例）相关推荐

html5 居于页面中心,css笔记：如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
[css] 如何使用css3实现一个div设置多张背景图片？
[css] 如何使用css3实现一个div设置多张背景图片? background-image:url("1.jpg"),url("2.jpg"),url(&q ...
css div下第一个span,CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
html div左中右布局,求助css。一个div包含两个div，左右布局，左边css宽30%，右边div宽70%。高度均自...
求助css. 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%.高度均自以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让 ...
css div下第一个span,CSS入门教程——div和span
div和span是什么意思? 相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的.例如当你看到标签,你知道里面是标题,当你看到下面我们就来看看div和span的应用实例. 块 ...
【CSS】一个div在另外一个div中居中显示（水平居中，竖直居中）
一个div在另外一个div中居中显示(水平居中,竖直居中) 方法1: 通过设置子元素绝对定位和margin:auto .parent {position:relative;width:800px;he ...
html清除div浮动,HTML_清除浮动的最优方法:CSS，在CSS森林群里讨论一个margin的 - phpStudy...
清除浮动的最优方法:CSS 在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF.OP.IE7都支持,从此可以告别那又长兼容性 ...
css相对位置之两个同级div下一个div相对上一个div的位置
方式一: <div class="main">main </div> <div class="btn">靠左上角 </ ...
HTML中div标签的一个简单的使用和介绍
<!-- 什么是块级元素: 块级元素的特点: 总是在新行开始高度,行高和外边距和内边距都可以进行控制宽度缺省的容器是100% 除非是设置一个宽度可以容纳其他的文本和其他的内联元素内联元素 ...

【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中（示例）

【CSS】一个DIV在另一个DIV上下左右居中和在屏幕居中（示例）相关推荐

最新文章

热门文章