前端二十九:两个盒子居中的练习

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>/* 有一个大的div,宽500,高300.在大的div中有一个小的div,宽200,高100现在需要将小的div放在大的div中间位置(水平和上下都居中),并且两个盒子的宽高都不能改变.*//*方法一:.father{width:200px;height: 100px;border: 1px solid red;padding: 100px 150px;}.son{width:200px;height: 100px;border: 1px solid blue;} *//*方法二:*/.father{width:350px;height: 200px;border: 1px solid red;padding-top: 100px;padding-left: 150px;}.son{width:200px;height: 100px;border: 1px solid blue;} </style>
</head>
<body><div class="father"><div class="son"></div></div>
</body>
</html>

前端二十九:两个盒子居中的练习相关推荐

【黑金原创教程】【FPGA那些事儿-驱动篇I 】实验二十九：LCD模块
实验二十九:LCD模块据说Alinx 301支持 7"TFT,好奇的朋友一定疑惑道,它们3.2"TFT以及7"TFT等两者之间究竟有何区别呢?答案很简单,前者自带控制器 ...
WCF技术剖析之二十九：换种不同的方式调用WCF服务[提供源代码下载]
原文:WCF技术剖析之二十九:换种不同的方式调用WCF服务[提供源代码下载] 我们有两种典型的WCF调用方式:通过SvcUtil.exe(或者添加Web引用)导入发布的服务元数据生成服务代理相关的代码 ...
BetaFlight模块设计之二十九：滤波模块分析
BetaFlight模块设计之二十九:滤波模块分析滤波模块滤波类型 1. slewFilter 2. simpleLowpassFilter 3. laggedMovingAverage 4. p ...
凹形长方形的周长计算_【原创】奥数解析（二十九）长方形和正方形的周长
四年级奥数解析(二十九)长方形和正方形的周长 <奥赛天天练>第29讲<长方形和正方形的周长>,学习求一些较复杂的周长问题. 一.长方形.正方形周长的基本公式为: 长方形周长=( ...
（二十九 ~ 三十一）巴菲特与索罗斯的投资习惯：投资习惯
作者:chen_h 微信号 & QQ:862251340 微信公众号:coderpai (一)巴菲特与索罗斯的投资习惯:思考习惯的力量 (二)巴菲特与索罗斯的投资习惯:七种致命的投资信念 (三 ...
机器学习中的数学——距离定义（二十九）：点间互信息（Pointwise Mutual Information, PMI）
分类目录:<机器学习中的数学>总目录相关文章: · 距离定义:基础知识 · 距离定义(一):欧几里得距离(Euclidean Distance) · 距离定义(二):曼哈顿距离(Manh ...
实验二十九 ISATAP隧道配置
实验二十九 ISATAP隧道配置实验内容: 路由器ISATAP以太口连接IPv6网络和IPv4网络,通过ISATAP隧道将IPv6的数据包封装到IPv4的数据包中,实现IPv6 Host和 ISA ...
android游戏性能测试,评测篇二十九：用游戏数据来彰显实力，华为nova5i Pro游戏性能篇...
评测篇二十九:用游戏数据来彰显实力,华为nova5i Pro游戏性能篇 2020-01-02 00:20:00 4点赞 1收藏 2评论笔者带着大家对华为nova5i Pro做了开箱测试,了解外观与 ...
妙！二十九招驱蚊止痒不再愁
天气热了,蚊子也多了,让人烦不胜烦,如何才可解决蚊子带来的困扰,现整理了二十九个妙法,解决蚊子不在愁! 1.在家庭中可用浓肥皂涂抹可迅速止痒,或用香皂蘸水在红肿处涂抹. 原因是肥皂高级脂肪酸的钠盐.如 ...

前端二十九:两个盒子居中的练习

前端二十九:两个盒子居中的练习相关推荐

最新文章

热门文章