我们差不多都遇到过这种情况 就是top栏里经常会有图标和文字不对齐的状态 如下图所示： 结构是 这里时候的css是 因为这样看起来是文字没有垂直居中，我们一般会将行高与包含块高度设为一致，来实现文字的垂直居中。 所以我们会给span里设置line-height. 但结果并没有用，效果依然如上图所示。 ...
分类：
其他好文 时间：
2017-08-07 00:21:53
阅读次数：
224
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。link属于XHTML标签，除了 ...
分类：
Web程序 时间：
2017-07-18 11:47:31
阅读次数：
219
脱离文档流 <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } li{ list-style: none; /*float: left;*/ float: right; /*一直在包含块最右边*/ /*脱离文档流*/ ...
分类：
Web程序 时间：
2017-07-09 17:19:48
阅读次数：
206
块级元素和行内元素的三个区别 1.行内元素与块级元素直观上的区别: 行内元素会在一条直线上排列,都是同一行,水平方向排列 块级元素独占一行,垂直方向排列.块级元素从新行开始结束接着一个断行 2.块级元素可以包含行内元素和块级元素, 行内元素不能包含块级元素 3.行内元素和块级元素属性的不同,主要是盒 ...
分类：
Web程序 时间：
2017-07-01 19:28:34
阅读次数：
252
百分比计算 1.涉及元素定位，和大小计算，基于元素自身的包含块。 2.元素背景图的大小计算，位置计算，基于元素自身的宽，高。 2.元素图片边框使用的图图片大小计算，基于元素自身的宽，高。 ...
分类：
Web程序 时间：
2017-06-24 00:52:12
阅读次数：
353
1. vim经常使用功能 vim的经常使用功能。包含块的选择。复制，多文件的编辑。多窗体等功能。 2. vim块选择 块选择是将文档中的一块能够选择复制，粘贴，不用整行的处理。 按下 v ， V 。 Ctrl+v 时进入块选择。 在左下角出现 -- VISUAL LINE --v ： 字符选择，光标 ...
分类：
系统相关 时间：
2017-06-19 10:00:17
阅读次数：
256
1.组成： a.块极元素(换行)：（block level） <h1><p><div>列表 b.内联元素（不换行）：（inline） <span><a><img/><strong> 内联元素可以包含块级标签中，成为它的子元素，而反过来则不成立。 2.display属性 a.控制元素的显示和隐藏 b. ...
分类：
其他好文 时间：
2017-06-05 15:51:14
阅读次数：
136
1: <body> 2: <div> 3: <p>This is a pargraph.</p> 4: </div> 5: </body> p 元素的包含块是 div 元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div的包含块是 body. 因此，p的布局依赖于 div的 ...
分类：
Web程序 时间：
2017-06-04 13:46:26
阅读次数：
203
1.组成： a.块极元素(换行)：（block level） <h1><p><div>列表 b.内联元素（不换行）：（inline） <span><a><img/><strong> 内联元素可以包含块级标签中，成为它的子元素，而反过来则不成立。 2.display属性 a.控制元素的显示和隐藏 b. ...
分类：
其他好文 时间：
2017-05-29 13:36:09
阅读次数：
134
前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值： scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。 fix ...
分类：
其他好文 时间：
2017-05-26 23:37:33
阅读次数：
339
