对于元素的水平居中，我根据我自己之前的一些学习来进行一些总结，如果有不对的地方，欢迎指正~ 一、让大小不固定的元素垂直居中 因为：表格的单元格的特别属性：垂直居中等； `div.parent { display: table-cell; vertical-align: middle; height: ...
分类：
Web程序 时间：
2020-01-14 09:44:51
阅读次数：
95
第一步：自定义单选框、复选框的层叠样式表，并将其映入 build.css: .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: rel ...
分类：
其他好文 时间：
2020-01-08 14:52:28
阅读次数：
125
flex布局 阮一峰 display:flex;横排 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上 webkit前缀。 注意，设为Flex布局以后，子元素的float、clear和vertical align属性将失效。 容器默认存在两根轴： 水平的主轴（main axis） ...
分类：
其他好文 时间：
2020-01-06 17:42:43
阅读次数：
189
常见编程问题：想让文字上下左右居中对齐： text-align:center 配合line-height 想让图片上下左右居中对齐: text-align:center 配合vertical-align:middle 想让块级绝对居中：1. ...
分类：
其他好文 时间：
2020-01-04 20:43:21
阅读次数：
99
单纯给图片：vertical-align:middle 也可去掉图片下方间隙（常用) 标题标签里面常常嵌套a 标签 注意：1.省略号三步要给块级 2.行内元素不要与块级元素使用 eg(no):<p></p>,一般行内元素要包裹在块级内 <span></span> 3.a标签可以包裹img,但是a标签 ...
分类：
其他好文 时间：
2020-01-03 14:06:40
阅读次数：
50
[toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后，容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的 ...
分类：
其他好文 时间：
2019-12-28 12:51:54
阅读次数：
91
1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1 给图片添加display:block； 1.2 给图片添加 float:left； 1.3 给图片添加 vertical-align:middle; 1.4 给他的父元素加font- ...
分类：
Web程序 时间：
2019-12-21 09:58:37
阅读次数：
117
张鑫旭老师在文章《我对CSS vertical-align的一些理解与认识（一）》中提到： vertical-align:middle属性的表现与否，仅仅与其父标签有关，至于我们通常看到的与后面的文字垂直居中显示那都是假象！ 经过摸索测试，才对这句话有种豁然开朗的感觉。 html： <span cl ...
分类：
其他好文 时间：
2019-12-14 19:04:14
阅读次数：
67
任何一个容器(inline/block)都可以指定为 Flex 布局。 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 单个项目(flex-item)占据的主轴空间叫做 main size，占据的交叉轴空间叫做cross size。 1、容器的属性 ...
分类：
其他好文 时间：
2019-12-14 13:54:53
阅读次数：
123
flex布局开发 1. 布局原理 flex时flexible Box的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以定位flex布局 【注意】 当我们为父盒子设为flex布局以后，子元素的float、clear和vertical align属性将失效 伸缩布局=弹性布局= ...
分类：
其他好文 时间：
2019-11-26 00:01:02
阅读次数：
82
