浮动 浮动元素特征 元素脱离正常的文档流，其他非浮动元素感知不到它的存在。但是浮动元素可以感知已经存在于文本框中的浮动元素和非浮动块级元素。可以移动到所在容器的的左端或者右端。其他的文本和行内元素围绕它安放。 特征：不管一个元素是行内元素还是块级元素。块级元素设置浮动之后，宽度就会收缩成本身内容的宽 ...
分类：
其他好文 时间：
2018-07-07 13:40:11
阅读次数：
218
最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。回到顶部inline-block是什么inline-block即内联块,在CSS的元素分类中可以分成三种：行内元素或者内联元素、块级元素、以
分类：
其他好文 时间：
2018-07-04 13:40:29
阅读次数：
134
概念 block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。 block元素通常被现实为独立的一块，会占据一整行的空间；而inline元素则前后不会产生换行，一系列inline元素 ...
分类：
其他好文 时间：
2018-07-03 23:48:34
阅读次数：
162
CSS布局解决方案 摘自：无悔铭《css布局解决方案（终极版）》 "https://segmentfault.com/a/1190000013565024" 水平居中 方案一：使用inline block + text align 原理： 1）先将子元素由块级元素改变为行内块元素，再通过设置行内块元 ...
分类：
Web程序 时间：
2018-07-03 12:00:14
阅读次数：
191
所有主流浏览器都支持 display 属性。 display 属性规定元素应该生成的框的类型。 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CS ...
分类：
其他好文 时间：
2018-07-01 20:57:06
阅读次数：
136
display 1.控制HTML元素的显示和隐藏 2.块级元素与行内元素的转换。 block（块级） 默认占满整个页面宽度，如果设置了指定宽度，则会用margin填充剩下的部分。 inline（行内） 行内元素 只要设置了display: inline，那么元素的width、height、margi ...
分类：
其他好文 时间：
2018-06-30 10:56:10
阅读次数：
164
行内元素指的是：书写完成后不会自动换行，并且元素没有宽和高。 行内元素也叫内联元素或者内嵌元素。行内元素和其他元素都在一行上，高度、行高、内边距和外边距都不可改变。宽度是它文字或者图片的宽度，也是不可改变的。行内元素只能容纳文本或者其他行内元素 例如：span br a em strong styl ...
分类：
其他好文 时间：
2018-06-28 17:31:16
阅读次数：
140
我现在说的是PC端的一些经验： 1.百分比布局。 或者用 bootstrap的栅格布局。html和body高度宽度设置为100%;在里面的块级元素设置为百分比布局 ...
分类：
Web程序 时间：
2018-06-28 10:58:55
阅读次数：
136
透明度 背景透明度 1. css hack 2. css 设置圆角 3. css 盒子阴影 (x,y,阴影模糊度,阴影颜色) 4. css 透明度 5. css 文本超出范围省略号代替 ( 块级元素，强制单行) 6. css 设置背景透明 7. css 文字中间划横线效果 8. css 背景图片定位 ...
分类：
Web程序 时间：
2018-06-27 17:28:39
阅读次数：
239
一.块级元素 div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre、header、section、aside、footer 二.行内元素 span、img、a、lable、input、abbr（缩写）、em（强调） ...
分类：
其他好文 时间：
2018-06-24 17:01:53
阅读次数：
252
