前端学习（504）：垂直居中的第一种方式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>居中布局一</title><style>.parent{width: 200px;height: 600px;background-color: pink;display: table-cell;vertical-align: middle;}.child{width: 200px;height: 200px;background-color: red;}</style>
</head>
<body><div class="parent"><div class="child">我是歌谣</div></div>
</body>
</html>

运行结果

前端学习（504）：垂直居中的第一种方式相关推荐

前端学习（505）：垂直居中的第一种方式的优点和缺点
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
【前端】水平垂直居中的几种方式
1. flex 布局 flex布局也叫弹性布局,我认为flex box布局是一种十分优雅的布局方式,兼容性一般,使用起来非常简单. display: flex;// flex-direction默认是 ...
MySQL主从原理，基于快速学习一门技术的3种方式！
根据经验,想要快速学习一门技术有3种方式. 第一种方式是通过代码来理解它的实现,反推它的逻辑. 这种方式的难度很大,而且起点相对高,能够沉浸其中的人非常少,过程相对来说是苦闷的,但如果能够沉下心来看代 ...
HTML水平垂直居中的四种方式
第一种方式是使用margin进行移动水平居中 margin:0 auto; <!DOCTYPE html> <html lang="en"> <he ...
前端vue中文件下载的几种方式
第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单: <a :href='"/user/downloadExcel"' >下 ...
前端页面性能优化的几种方式
前端页面性能优化的几种方式提升页面性能优化的常见方式: 资源压缩合并,减少http请求非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别利用浏览器缓存 --> ...
web服务器与网页表单通信,前端与后端通信的几种方式
只有知道了历史,才能更好的把握现在和未来. 在项目中,通常前端开发主要完成两件事情,一是界面搭建,一是数据交互. 下面是我总结前端与后端交互的几种方式,本文只作简单介绍,不做深入了解. 一.AJAX ...
Spring整合Struts2框架的第一种方式（Action由Struts2框架来创建）。在我的上一篇博文中介绍的通过web工厂的方式获取servcie的方法因为太麻烦，所以开发的时候不会使用。...
1. spring整合struts的基本操作见我的上一篇博文:https://www.cnblogs.com/wyhluckdog/p/10140588.html,这里面将spring与struts2 ...
throws关键字_异常处理的第一种方式,交给别人处理
package com.learn.exception;import java.io.FileNotFoundException; import java.io.IOException;/*throw ...

前端学习（504）：垂直居中的第一种方式

前端学习（504）：垂直居中的第一种方式相关推荐

最新文章

热门文章