H5ke15--1--文本管理器拖进来

1如图1,父元素没有行高,子元素就不继承,有了就变成图2

2或者直接写表格自动垂直居中,但是table太古老了,没人用这个,如图3

3我们父元素display: table;展示位表格,子元素display: table-cell;
                vertical-align: middle;设置为表格细胞,再垂直居中,

4#container>p:nth-child(1是从1开始的,测试每一个段落在上中下,如图5

5我们来进行,阻止在新窗口打开

注意:

在页面上面垂直居中很困难

宽度是父元素的100%,高度自适应

>是直接子元素

 

图1

H5ke15--1--文本管理器拖进来_第1张图片 H5ke15--1--文本管理器拖进来_第2张图片

图2

H5ke15--1--文本管理器拖进来_第3张图片H5ke15--1--文本管理器拖进来_第4张图片

图3

H5ke15--1--文本管理器拖进来_第5张图片H5ke15--1--文本管理器拖进来_第6张图片

图4

H5ke15--1--文本管理器拖进来_第7张图片H5ke15--1--文本管理器拖进来_第8张图片

图5

H5ke15--1--文本管理器拖进来_第9张图片H5ke15--1--文本管理器拖进来_第10张图片

你可能感兴趣的:(H5,html,前端)