css样式之属性操作 一、文本属性 1.text align:cnter 文本居中 2.line heigth 垂直居中 ：行高，和高度对应 3.设置图片与文本的距离：vertical align 4.text decoration:none 去掉超链接下划线 5.要是给a标签修改颜色的时候，就定到 ...
分类：
Web程序 时间：
2019-10-03 10:25:53
阅读次数：
94
CSS Flex 弹性盒模型布局教程 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 flex布局就是给任何一个容器添加 display:flex 注：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效 ...
分类：
Web程序 时间：
2019-10-02 16:19:47
阅读次数：
116
1.div{ display:table-cell; text-align:center; vertical-align:middle;}.div1{ display:inline-block;}/*子div不能设置浮动*/ 2..div{ display:flex; align-items:cen ...
分类：
其他好文 时间：
2019-09-30 14:34:00
阅读次数：
102
水平居中和垂直居中 水平居中方法1（margin:0 auto）： 垂直居中方法1（table-cell + vertical-align:middle）： (以下因为在编辑器上截图显示不全,故只上代码) 水平居中方法2（绝对定位）： <div style="width: 300px ; heigh ...
分类：
其他好文 时间：
2019-09-29 23:29:51
阅读次数：
116
方法一 ：使用弹性布局 方法二 ：CSS3 transform 属性 父级元素定位 子集元素加属性： position: absolute; top: 50%; transform: translateY(-50%); 方法三： 使用伪元素和vertical-align: middle; .pare ...
分类：
Web程序 时间：
2019-09-26 00:48:43
阅读次数：
167
CSS垂直居中的8种方法 CSS垂直居中的8种方法 1、通过verticle-align:middle实现CSS垂直居中。 通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-blo ...
分类：
Web程序 时间：
2019-09-24 07:52:54
阅读次数：
124
1、对vertical align的理解？ 目前还未理解透， "深入理解css中vertical align属性" 2、对Css3 Transform 各种变形旋转理解了吗？ "回顾" 3、white space 属性记住了吗？ 规定段落中的文本不进行换行 "CSS white space 属性" ...
分类：
其他好文 时间：
2019-09-23 15:11:00
阅读次数：
79
雪花 <!DOCTYPE html><html><head><meta charset="utf-8"><title>雪花</title><style>*{ margin:0; padding:0; vertical-align:top;}.xue{ position:absolute; color ...
分类：
Web程序 时间：
2019-09-21 10:37:59
阅读次数：
106
推荐阅读：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 1. 启动网格布局 启动后，子元素的float、display: inline-block、display: table-cell、vertical-align ...
分类：
其他好文 时间：
2019-09-17 09:19:30
阅读次数：
89
今天在学习查阅代码的时候，发现了一个不认识的CSS代码，于是进行学习。 效果图 使图片在对应的元素内以不同的方式进行垂直对齐 ...
分类：
Web程序 时间：
2019-09-16 23:36:53
阅读次数：
147
