所有主流浏览器都支持 display 属性。 display 属性规定元素应该生成的框的类型。 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CS ...
分类：
其他好文 时间：
2018-07-01 20:57:06
阅读次数：
136
含有z index的图解 " CSS布局(三) 布局模型" "float设计初衷" "CSS布局(五) 网页布局方式" "CSS布局(六) 对齐方式" 水平居中 1 行内元素，在父元素中设置text align:center实现行内元素水平居中，将子元素的display设置为inline block ...
分类：
其他好文 时间：
2018-06-30 21:22:02
阅读次数：
159
1 2 AAA 3 BBB 4 CCC 5 1 .container { 2 text-align: right; 3 border:1px solid green; 4 } 5 .content { 6 display: inline-block; 7 border:1px solid red; ... ...
分类：
其他好文 时间：
2018-06-27 15:00:43
阅读次数：
120
水平居中的元素截图后向左跑偏 明明是水平居中的代码，截图出来的会偏左，结构是左图片右文字，有时候是图片自己跑到最左边，有时候是整体偏左一点点 这个问题也不是经常遇到，场景是父div元素text-align=center;内部两个子元素设为display:inline-block的模式。然后画图就会出 ...
分类：
Web程序 时间：
2018-06-25 19:04:45
阅读次数：
2760
关于多元素垂直居中 一、场景描述 一个高度固定的div，做为父元素。 数个高度随机的div,做为子元素，需要在父元素内被垂直居中。 二、相关概念回顾 1.几种box inline box：display为inline或inline block的元素会形成inline box；行内文本会形成inlin ...
分类：
其他好文 时间：
2018-06-23 20:48:58
阅读次数：
197
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .wujiao{ display: inline-block; width:100px; height:100px; b ...
分类：
其他好文 时间：
2018-06-23 11:37:25
阅读次数：
120
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类：
Web程序 时间：
2018-06-21 11:46:38
阅读次数：
224
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类：
Web程序 时间：
2018-06-21 11:43:34
阅读次数：
168
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类：
Web程序 时间：
2018-06-19 13:49:05
阅读次数：
191
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类：
其他好文 时间：
2018-06-19 13:43:35
阅读次数：
132
