前端学习(505):垂直居中的第一种方式的优点和缺点
<!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>
运行结果
前端学习(505):垂直居中的第一种方式的优点和缺点相关推荐
- 前端学习(504):垂直居中的第一种方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 前端学习(499):水平居中布局得第一种方式得优点和缺点
<!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 ...
最新文章
- Flink最锋利的武器:Flink SQL入门和实战 | 附完整实现代码
- CVPR 2018 | 腾讯AI Lab入选21篇论文详解
- python class 属性是什么_python class 的属性
- linux日志本地存储和网络存储,文件系统和本地存储管理 1
- 人工智能大幕开启 安防行业已成先头部队
- SpringCloud与SpringConfig分布式配置中心
- 3140: [Hnoi2013]消毒
- php数组排序不要用函数,PHP数组排序函数使用方法
- MySQL的约束、事务、字符串、日期、数学相关及其他补充
- VIM设置-发现VIM的美
- 亚马逊AWS沙龙笔记:如何通过AWS快速发展国际业务?及多种架构方案
- 高中学业水平测试计算机考试知识点,高中生物学业水平测试知识点归纳
- JavaScript简单入门教程学习篇
- win7使用命令提示符怎么运行C语言,Win7如何打开命令行窗口?Win7打开命令提示符的多种方法...
- 靶机渗透练习Vulnhub DriftingBlues-6
- mongodb的分组求和(使用aggregate方法)
- python3.5项目升级3.8问题汇总
- ausu f8系列笔记本 各种问题搜集,供购笔记本者参考
- plc里的二进制 用计算机,PLC中常用数制及如何转换
- 世界各国坐标、中国各省会坐标、echars世界各国中英映射和省市区联动数据
热门文章
- BZOJ2087 : [Poi2010]Sheep
- 如何将Eclipse中的开源项目使用到Android Studio中
- bashrc,bash_profile和/etc/profile
- EMACS 中文显示为方框
- sed 手册阅读笔记转
- HDU 4033	Regular Polygon(二分+高精度)
- java实现自动登录,并获取数据
- 比IETEST更好用的浏览器兼容性测试软件[绿色]
- java forward 修改请求参数_聊聊springboot session timeout参数设置
- mysql8.0版1130_navicat premium连接mysql 8.0报错error 10061和error1130问题