2021-02-16

最新推荐文章于 2021-11-17 15:44:28 发布
最新推荐文章于 2021-11-17 15:44:28 发布
阅读量76 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54890990/article/details/113828532
版权

CSS 居中布局 元素定位 前端开发 样式调整
关键词由CSDN通过智能技术生成

居中显示的效果

我们在调整页面样式的过程中，经常需要元素居中，包括字体水平/垂直居中，块级元素（如div）的水平/垂直居中，今天就来介绍一下以上提到的几种居中实现方式。

块级元素居中

先给出html：
在这里插入图片描述
如果只是想让一个元素水平居中，在没有浮动的情况下，直接给子元素加margin:auto属性，子元素就在父级元素中水平居中了。

如果不加定位的话，其实让元素水平居中个垂直居中还是挺麻烦的。给父级元素加上position：relative属性，子元素加上position：absolute属性，让父元素保持原来位置脱离文本流（不影响父元素以外其他部分样式），子元素可以在父元素中随意位置。这样调整子元素在父元素中水平/垂直居中就比较方便了。

一种实现思路
在这里插入图片描述
对子元素设置绝对定位，就拥有了left,top等属性，将这些属性设置为0，同时margin设置为auto，子元素就在父元素中水平垂直居中了

@汪海淇
关注
专栏目录
CVE-2021-3177浅析
weixin_42421477的博客
10-05 1691
CVE-2021-3177浅析CVE-2021-3177漏洞成因PoC环境准备浮点数覆盖返回地址方法运行 这篇文档作为对CVE-2021-3177的学习记录。 CVE-2021-3177 CVE-2021-3177发布日期为2021年02月19日，内容为python的函数库_ctypes/callproc.c中存在缓冲区溢出问题，具体的函数为ctypes.c_double.from_param。最为简单的PoC如下： >>> from ctypes import * >>&gt
react-native-js-chat-2021-02-16
05-10
在本项目中，"react-native-js-chat-2021-02-16-main"作为主目录，包含了应用的全部源代码，这其中包括React组件、样式、路由以及其他必要的配置文件。 在React Native中，应用由组件构成。项目中的JavaScript文件...
2021-02-03
qq_37135047的博客
02-03 1151
/** * 隐藏虚拟按键，并且全屏 */ protected void hideBottomUIMenu() { //隐藏虚拟按键，并且全屏 if (Build.VERSION.SDK_INT > 11 && Build.VERSION.SDK_INT < 19) { // lower api View v = this.getWindow().getDecorView(); ...
CVE-2021-22205——Gitlab 远程命令执行漏洞复现
LiBai'S BLOG
11-10 9366
CVE-2021-22205Vuln Impact影响版本环境Fofa语法漏洞利用脚本反弹ShellEXP Vuln Impact An issue has been discovered in GitLab CE/EE affecting all versions starting from 11.9. GitLab was not properly validating image files that were passed to a file parser which resulted in a .
字符串类型的2021-02-13T16:00:00.000Z 转成date类型
m0_57302315的博客
11-17 1297
String str = "2021-02-13T16:00:00.000Z"; SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.S'Z'"); Date date = sdf.parse(str); System.out.println(date);//Sat Feb 13 16:00:00 CST 2021
2021-04-21
qq_56102648的博客
04-21 875
2021-03-15
weixin_44902539的博客
03-15 1314
好网站 https://blog.csdn.net/u013317445/article/details/88196373?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-6.control&dist_request_id=1328641.48931.16157665162059593&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-
2021-01-04
wubaoyu123的博客
01-04 2298
博客园Logo 首页 新闻 博问 专区 闪存 班级 代码改变世界 搜索 注册 登录 返回主页 知了一笑 博客园 首页 新随笔 联系 订阅 管理 数据仓库组件：Hive环境搭建和基础用法 本文源码：GitHub || GitEE 一、Hive基础简介 1、基础描述 Hive是基于Hadoop的一个数据仓库工具，用来进行数据提取、转化、加载，是一个可以对Hadoop中的大规模存储的数据进行查询和分析存储的组件，Hive数据仓库工具能将结构化的数据文件映射为一张数据库表，并提供SQL查询功能，能将SQL语句转变成
2021-01-02
shine_tom的博客
01-02 1356
[root@localhost doc]# man echo [root@localhost doc]# help echo echo: echo [-neE] [arg …] Write arguments to the standard output. Display the ARGs on the standard output followed by a newline. Options: -n do not append a newline -e enable interpretatio
2021-05-05
樊金良的博客
05-05 798
你需要努力，fighting！
@JsonFormat将时间字符串2021-02-25T15:32:54+08:00解析成date
weixin_42461205的博客
03-05 9246
@JsonFormat将时间字符串2021-02-25T15:32:54+08:00解析成date 由于对接硬件，硬件返回的json字符串中，其中有时间字段的字符串为2021-02-25T15:32:54+08:00，UTC(世界协调时间格式)，然后疯狂百度，看看如何将utc格式的时间转换成DATE，然后看到网上的各位大佬们大都使用以下几种方式 DateTime dt1=DateTime.ParseExact("2013-11-17T11:59:22+08:00","yyyy-MM-ddTHH:mm:ssz
node-hello-worldWebIDE-UISimpleTC-2021-02-16T03-37-54.132Z-github：创建用于工具链：https：dev.console.test.cloud.ibm.comdevopstoolchains27df380d-3451-4be8-bf4a-c15d40347da3？env_id = ibm ：ys1：us-south
02-16
标题中的“node-hello-worldWebIDE-UISimpleTC-2021-02-16T03-37-54.132Z-github”表明这是一个基于Node.js的项目，它可能是一个“Hello World”示例，用于展示在Web集成开发环境（IDE）中使用的基本工具链功能。...
Tekton-Github-CRUD-2021-02-16T08-52-08.780Z：为工具链创建：https：console.bluemix.netdevopstoolchains0ed3d471-e1e9-42fb-bad1-757bd50f6feb？env_id = ibm au-syd
02-16
Tekton管道样本 该示例管道运行一个简单的任务，该任务打印出一些属性值。 属性值通过触发器从tekton配置传递。
Ultimate 2021-03-02 16-12-43.zip
03-02
标题中的"Ultimate 2021-03-02 16-12-43.zip"可能指的是一个包含一系列文件的压缩包，创建日期为2021年3月2日的16时12分43秒。这个时间戳表明这是某个项目或工作的一个特定版本或快照，可能是为了备份、分享或记录...
panic-full-2021-12-16-174206.000.ips
12-16
panic-full-2021-12-16-174206.000.ips
绿色柔性导电水凝胶的构建及其在运动健康监测中的应用
11-11
绿色柔性导电水凝胶的构建及其在运动健康监测中的应用
com.harmonyos4.exception.GpsUnavailableException解决方案(亲测可用).md
11-11
鸿蒙开发中碰到的报错，问题已解决，写个文档记录一下这个问题及解决方案
21124412马俊东 LSTM模型 (1).ipynb
11-11
21124412马俊东 LSTM模型 (1).ipynb
python+基于LDA的情感分析项目+自然语言处理
最新发布
11-11
python+基于LDA的情感分析项目+自然语言处理
已知data = [ ('2021-01-01 08:00', 15), ('2021-01-01 12:00', 18), ('2021-01-01 16:00', 20), ('2021-01-02 08:00', 14), ('2021-01-02 12:00', 17), ('2021-01-02 16:00', 19) ]请写出代码对data实现指数平滑
07-12
2021-01-02 16:00:00 19 17.781250 ``` 在上述代码中，我们使用`pd.DataFrame`将data转换为DataFrame，并将时间戳列设置为索引。然后，使用`ewm`函数对数据列进行指数平滑，其中`alpha`参数表示平滑系数，可以根据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值