div 居中嵌套

将一个 DIV 嵌套进另一个 DIV 容器,并保持水平居中、垂直居中,可使用以下代码:

<html>
<head><title>div居中嵌套</title><style type="text/css">.big{width: 800px;height: 500px;background: #333;position: relative;}.small{width: 400px;height: 200px;position: absolute;left: 50%;top: 50%;margin-left:-200px; margin-top: -100px;background: #fff;}</style>
</head>
<body>
<div class="big"><div class="small">div居中嵌套</div>
</div>
</body>
</html>

 

转载于:https://www.cnblogs.com/easysky/p/3546171.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/408096.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

javascript学习系列(1):数组中的map方法

最好的种树是十年前,其次是现在。歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主 放弃很容易但是坚持一定很酷 我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的鼓励 1前言 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说m…

spoolsv.exe占cpu 99%的解决方法(转)

前几天&#xff0c;太太的笔记本遇到了spoolsv.exe占cpu 99%的的问题&#xff0c;要我帮她重新安装操作系统。我是懒得重装的&#xff0c;所以在网上搜索了一下&#xff1a;大部分关于这个问题的文章都是将相关打印后台服务给禁用解决的&#xff0c;可是这样就不能打印了&#…

【Linux内核】物理内存组织结构

【Linux内核】物理内存组织结构 系统调用mmap 物理内存组织结构 体系结构 目前多处理器系统有两种体系结构&#xff1a; 1&#xff09;非一致内存访问&#xff08;Non-Unit Memory Access&#xff0c;NUMA&#xff09;&#xff1a;指内存被划分成多个 内存节点的多处理器系…

thinkphp __PUBLIC__的定义 __ROOT__等常量的定义

__TMPL__ > APP_TMPL_PATH, // 项目模板目录__ROOT__ > __ROOT__, // 当前网站地址__APP__ > __APP__, // 当前项目地址__GROUP__ > defined(GROUP_NAME)?__GROUP__:__APP__,__ACTION__ > __ACTION__, // 当前操…

面试准备勿重“难”轻“易”

眼下&#xff0c;有些大中专毕业生在做应聘面试准备时&#xff0c;往往把事情想得太复杂&#xff0c;把用人单位考官提出的问题想得过于难&#xff0c;于是在做面试准备时重“难”轻“易”&#xff0c;把精力都放在了高难度问题上&#xff0c;而忽视了基础性的理论和技术知识。…

react学习(60)--ant design中getFieldDecorator

<From><FormItem>//JS代码书写时需要用 { } 包裹起来&#xff0c;不能直接写在代码块中 {getFieldDecorator(userName,{initialValue:Jack,rules:[{required:true,message:用户名不能为空},{min:5,max:10,message:长度不在范围内},{pattern:new RegExp(^\\w$,g),m…

Binder 和parcel 讲解

http://blog.csdn.net/asd1031/article/details/16880071 http://www.cnblogs.com/plokmju/p/android_Service_aidl_CustomType.html //传递复杂对象&#xff0c;里面有详细的sample 说明转载于:https://www.cnblogs.com/wudizbb/p/3557896.html

C#面试题——附答案

下午随便在几个网站上转了转&#xff0c;发现了些C#的面试题&#xff0c;以csdn的一篇帖子收集最全&#xff0c;但是&#xff0c;没有答案&#xff0c;就自己做了一下&#xff0c;发上来&#xff0c;后续一些关于概念机制的题目&#xff0c;我继续做&#xff0c;先发点程序的&a…

类模板(参考《C++ Templates 英文版第二版》)

类模板(参考《C Templates 英文版第二版》) Chapter 1 类模板 与函数相似,类也可以被一个或者多个类型参数化 在这章,我们使用栈作为例子 2.1 类模板stack的实现 #include <vector> #include <cassert>template<typename T> class Stack { private:std…

react学习(61)--js contact

定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组&#xff0c;而仅仅会返回被连接数组的一个副本。

iPhone将NSString转换编码集为gb2312或者gbk的方法

很多时候软件读取的中文网页编码集是gb2312&#xff0c;所以显示出来的是乱码。这时需要将NSString文字编码转换。你可以试试以下代码 NSURL *url [NSURL URLWithString:urlStr]; NSData *data [NSData dataWithContentsOfURL:url]; NSStringEncoding enc CFStringConvertEn…

脱离 Rails 看 Ruby

在开始这篇文章之前&#xff0c;我需要澄清一些事情。首先&#xff0c;这不是一篇关于 Ruby on Rails 的文章。如果您希望了解 Rails&#xff0c;每周&#xff08;甚至每小时&#xff09;都有相关的文章和 blog 出现&#xff0c;它们都对这个令人兴奋的框架的众多特性大加推崇&…

asp.net导出excel示例代码

asp.net导出excel示例代码 asp.net导出excel的简单方法。excel的操作&#xff0c;最常用的就是导出和导入。本例使用NPOI实现。代码:///<summary>///导出Excel ///</summary>///<param name"stime"></param>///<param name"e…

如何方便的让你的集合引发改变事件

在我们开发自定义控件的过程中,我们常常会给控件添加集合属性。比如定制Grid控件就会有Column集合。当集合属性发生变化时&#xff0c;比如添加新元素&#xff0c;删除新元素&#xff0c;我们要通知控件去重绘以反映新的变化。我们可以创建一个集合类&#xff0c;在类里添加一个…

[汇编语言]-第八章 div指令,伪指令dd,dup

1- div除法指令 (1) 除数: 有8位和16位两种,在一个寄存器或内存单元中. (2) 被除数: 默认放在AX和DX或AX中 除数为8位, 被除数为16位, 默认在AX中存放. 除数为16位, 被除数为32位, 在DX或AX中存放. AX存放低16位,DX存放高16位. (3) 结果 除数为8位, 则AL存储除法操作的商, AH存…

System.Data.SQLite(SQLite ADO.NET 2.0的提供程序,已经包含Sqlite引擎)

今天在研究其他的技术的时候&#xff0c;重新查看了一下Sqlite在.NET下的最新实现。结果发现这样一个好东西。下面把其首页的说明翻译如下&#xff1a;System.Data.SQLite 是一个原始SQLite的加强版. 它将是一个原版的sqlite3.dll完全替代品 (你甚至就可以把它重命名为sqlite3…

lambda表达式浅析【C++学习笔记】

lambda表达式浅析【C学习笔记】 基本用法: auto f [/*捕获列表*/](/*参数*/)->int /*后置返回值类型*/{/** 函数体*/};捕获列表: [] : 不捕获任何变量 [变量名] : 表示值捕获,不可修改 [] :按值捕获所有变量,不可修改 [&] : 按引用捕获可以修改 [this] : 在类中捕…

【Cocos2d-x for WP8 学习整理】(2)Cocos2d-Html5 游戏 《Fruit Attack》 WP8移植版 开源...

【Cocos2d-x for WP8 学习整理】&#xff08;2&#xff09;Cocos2d-Html5 游戏 《Fruit Attack》 WP8移植版 开源 原文:【Cocos2d-x for WP8 学习整理】&#xff08;2&#xff09;Cocos2d-Html5 游戏 《Fruit Attack》 WP8移植版 开源这一阵花了些时间&#xff0c;把 cocos2d-h…