本文是根据网上资料总结出来的文章 水平居中 行内元素的水平居中 如果被设置元素为文本、图片等行内元素时，在父元素中设置text align:center实现行内元素水平居中，将块级元素的display设置为inline block，使块级元素变成行内元素，也可以水平居中。 块状元素的水平居中 1.当 ...
分类：
Web程序 时间：
2018-12-31 00:32:38
阅读次数：
205
补充 文本元素 以及 都叫做文本元素，都具有文本的特点，也就是其中的空白符会被替换成为文本分隔符，图片中的四个像素的间隔(Whitespace only text node)也就是因为它了啊 <! inline以及inline block有叫文本元素，因为具有文本的特点，能被文本分隔符分割 <! p ...
分类：
其他好文 时间：
2018-12-29 23:35:05
阅读次数：
334
一、元素的块级与行级特性 在CSS属性display控制元素是否及如何显示的特性，常用的值有none、inline、block、inline-block，在CSS3中还有一些新的特性状态，在这里不做讨论。 这里我们主要讨论display在CSS布局中涉及到主要属性值inline、block、inli ...
分类：
Web程序 时间：
2018-12-27 10:30:33
阅读次数：
337
CSS3 1.边框图片 border-image: url(test.png) 10/10px; outline:10px solid #ff0;outline-offset:15px;边框的边框，两边框之间距离 2.三角形 span{display:inline-block;border:50px ...
分类：
Web程序 时间：
2018-12-26 00:38:10
阅读次数：
233
1，定义 BFC为块级格式化上下文，也就是一块区域内的封闭空间，里面元素无论怎么样，都不会影响外部元素。 2，触发条件 html 根元素 display的值为 inline-block、table-cell和table-caption中的任何一个 position的值不为relative和stati ...
分类：
Web程序 时间：
2018-12-25 11:31:07
阅读次数：
158
table表格布局 用的不多,不用关心 盒子模型 display/position display确定显示类型 block/inline/inline block position确定元素的位置 static:最基本的布局方式,每个元素按照文档的顺序依次排列 relative:相对本身位置的偏移,如 ...
分类：
Web程序 时间：
2018-12-24 02:29:37
阅读次数：
159
行元素如果样式里面加了： float: left/right; position: absolute; 就会内部转换成 display: inline-block; ...
分类：
Web程序 时间：
2018-12-15 19:48:54
阅读次数：
169
{ display:inline-block; *display:inblock; *zoom:1 } ...
分类：
其他好文 时间：
2018-12-14 12:49:14
阅读次数：
119
一、什么是块级元素？ 一个水平流上只能单独显示一个元素，多个块级元素则换行显示。 clear属性可以清除浮动带来的影响。 二 display不同属性的理解 值为block的元素叫“块级盒子” 值为inline-block的元素叫“块级容器盒子” 既可以一行显示，又可以设置高度宽度了。 值为inlin ...
分类：
Web程序 时间：
2018-12-10 23:00:04
阅读次数：
157
一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 ...
分类：
其他好文 时间：
2018-12-02 01:19:42
阅读次数：
224
