张鑫旭老师在文章《我对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
链接： https://vjudge.net/problem/LightOJ 1246 题意： You are given a rectangular board. You are asked to draw M horizontal lines and N vertical lines in th ...
分类：
其他好文 时间：
2019-12-10 22:52:58
阅读次数：
169
1、Click Button 2、Click Element 3、Click link 4、Click image 5、press key 6、Get Horizontal Position :获取对象的左上角的横坐标 7、Get Vertical Position :获取对象的左上角的纵坐标 ${ ...
分类：
其他好文 时间：
2019-12-02 16:46:24
阅读次数：
128
flex布局开发 1. 布局原理 flex时flexible Box的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以定位flex布局 【注意】 当我们为父盒子设为flex布局以后，子元素的float、clear和vertical align属性将失效 伸缩布局=弹性布局= ...
分类：
其他好文 时间：
2019-11-26 00:01:02
阅读次数：
82
本节学习目标： 图片、表单和旁边的文字对齐 解决图片底部默认空白缝隙问题 1.图片、表单和旁边的文字对齐 默认的图片、表单等行内元素或行内快元素是和文字的基线对齐的，但在实际情况下，我们想让他们中间对齐或底部对齐，这时我们可以设置vertical-align属性 vertical: top|midd ...
分类：
其他好文 时间：
2019-11-24 21:05:39
阅读次数：
64
div水平和垂直居中，text-align和vertical-align不起作用，因为标签div没有这两个属性，所以再css中设置这两个值不能居中的效果。 1. div水平居中:设置margin的左右边距为自动。margin:0 auto; 2. div中的文字居中：将div的行高设置跟其高度一样的 ...
分类：
其他好文 时间：
2019-11-20 23:47:08
阅读次数：
84
注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 1.指定flex布局： .box{ display: flex; }行内元素.box{display: inline-flex;} 2.容器的属性： flex-direction：该属性决定主轴 ...
分类：
其他好文 时间：
2019-11-19 13:43:37
阅读次数：
56
一、参数说明 参数作用 cursor 鼠标位于进度条内时的形状 length 进度条长度 maximum 进度条最大刻度值 mode 进度条的模式。有两种：‘determinate’和’indeterminate’ orient 进度条的方向，有HORIZONTAL 和VERTICAL两种 styl ...
分类：
其他好文 时间：
2019-11-12 00:39:21
阅读次数：
591
单行文本溢出显示省略号： overflow: hidden text-overflow: ellipsis white-space: nowrap 多行文本溢出 display: -webkit-box -webkit-box-orient: vertical -webkit-line-clamp: ...
分类：
Web程序 时间：
2019-11-10 10:14:02
阅读次数：
91
