好，我们聊聊vertical-align。这个属性主要目的用于将相邻的文本与元素对齐。而实际上，verticle-algin可以在不同上下文中灵活地对齐元素，以及进行细粒度的控制，不必知道元素的大小。元素仍然在文档流中，因而其他元素可以根据它们大小的变化进行相应的调整。一个有用的例子就是居中图标与旁 ...
分类：
其他好文 时间：
2018-05-30 11:03:15
阅读次数：
198
a标签是行内元素，文档流中的行内元素无法设置宽高，要设置a标签的宽高可以通过设置生成框类型display:block变成块级元素 或者通过设置绝对定位或者浮动，会自动变成块框（即变成块元素） 但是，当行末的一个单词或者一串数字太长，这时候是不会自动换行的，需要重新设置CSS： "word-break ...
分类：
其他好文 时间：
2018-05-27 16:23:44
阅读次数：
195
1，标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.1空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张 ...
分类：
Web程序 时间：
2018-05-27 13:42:42
阅读次数：
245
1、水平垂直居中 方法一：使用absolute定位的时候，元素脱离文档流，导致margin:auto;失效，需要配合使用left:0;right:0;top:0;bottom:0; ...
分类：
其他好文 时间：
2018-05-26 22:40:59
阅读次数：
172
css-定位 定位 相对定位：relative 绝对定位：absolute 固定定位：fixed 相对定位：relative 绝对定位：absolute 固定定位：fixed 相对定位 定义：相对于自己原来的位置。 使用效果 元素设置了相对定位后，还是标准文档流。 设置了相对定位后，可以使用四个方向 ...
分类：
Web程序 时间：
2018-05-25 19:16:51
阅读次数：
247
1.盒模型 "box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。这里重点学习标准模型。 盒模型示意图： 盒模型属性： width：内容的宽度 height: 内容的高度 padding：内边 ...
分类：
Web程序 时间：
2018-05-25 01:34:36
阅读次数：
258
1. 介绍 1.1 说明 Position 属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。 1.2 主要的值 ①absolute ：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档 ...
分类：
Web程序 时间：
2018-05-24 10:32:14
阅读次数：
784
学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不 ...
分类：
其他好文 时间：
2018-05-14 20:44:47
阅读次数：
134
position: absolute 定位元素（关闭按钮etc）：dom顺序保持正确，然后根据absolute的位置跟随性（脱离文档流但是位置不变）和margin值进行定位 在img和文字之间用<!-- -->注释掉多余的空格 z-index (不依赖z-index的层叠上下文) ...
分类：
Web程序 时间：
2018-05-14 11:47:50
阅读次数：
241
Aws丢失密钥处理文档流程：新开备用node1实例，下载密钥xx.pem,新实例处于停止状态1.实例备用node2由于系统重装丢失密钥停止EC2实例备用node22.Detach备用node2（断开cdnbest-node相对应的卷）实例的Volume（卷）3.把备用node2实例的Volume（卷），Attach（连接）到别的EC2新实例备用node14.修改authorized_keys以后，
分类：
其他好文 时间：
2018-05-11 10:49:16
阅读次数：
1906
