给他的父元素加：font-size:0px;, ul { font-size:0px;} li { font-size:16px;} ...
分类：
其他好文 时间：
2018-11-10 23:56:53
阅读次数：
151
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类：
Web程序 时间：
2018-11-09 16:16:12
阅读次数：
768
当行内元素(此处主要是指inline-block)在一行显示时，存在默认的行间元素间隙，在布局时可能要去除 第一种方法: font-size(在子元素或者父元素上设置都可以，看需求) //适用inline-block元素 第二种方法：letter-space(在父元素上设置) //适用inline- ...
分类：
其他好文 时间：
2018-11-06 23:39:34
阅读次数：
182
一.margin的塌陷解决： BFC （block format context）块级格式化上下文格式 display:inline-block float:left / right overflow: hidden position: absolute 二.float 1.浮动元素产生了浮动流 2 ...
分类：
Web程序 时间：
2018-10-31 15:33:55
阅读次数：
178
题目：span标签的width和height分别为多少？ A. width = 0px，height = 0px B. width = 400px，height = 200px C. width = 100px，height = 50px D. width = 0px，height = 200px ...
分类：
其他好文 时间：
2018-10-27 01:25:41
阅读次数：
252
一、几类视图 内联视图：inline 单行 块级视图：block 换行，有高度 行内块级视图：inline-block 单行，有高度 二、几类布局 块级布局 换行，通过设置 margin 水平居中 source： 浮动布局 单行，类似流体布局 source： 若全为浮动，则父容器会高度塌陷，需要在此 ...
分类：
其他好文 时间：
2018-10-21 19:32:25
阅读次数：
166
两个 inline block 元素之间会有间隙（事实上，除了 inline block 元素，两个 inline 元素之间也是有间隙的），究其根本，其实就是 html 元素换行导致（可以尝试下，换行和元素之间加个空格，或者多个空格，结果一样，最后都是一个空格）。如何清除这个间隙呢？ 方法 0 移除 ...
分类：
其他好文 时间：
2018-10-21 12:10:12
阅读次数：
139
:first-letter 生效的前提 （1）display必须是block、inline-block、list-item、tablecell 或者 table-caption （2）字符前面不能有图片或者 inline-block/inline-table 之类的元素 存在 （3）能够被选中的元素 ...
分类：
Web程序 时间：
2018-10-20 21:08:12
阅读次数：
227
text-indent 应用 （1）使用 text-indent 负值隐藏文本内容，例如网站标头 （2）使用text-indent的百分比值来实现宽度已知的内联子元素居中 letter-spacing 应用 （1）清除 inline-block 列表由于换行符或者空格产生的空白间隙，使我们的布局控制 ...
分类：
Web程序 时间：
2018-10-20 20:20:36
阅读次数：
139
<html lang="en"> <head> <meta charset="utf-8"/> <title>Image Gallery</title> <style type="text/css"> .btn1{display:inline-block; background:url(./sina ...
分类：
其他好文 时间：
2018-10-18 13:10:39
阅读次数：
162
