单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 优点：兼容 ...
分类：
Web程序 时间：
2018-10-15 20:20:35
阅读次数：
129
改变元素性质的三种方式： position display float 行级元素，行级元素的margin上下不起作用了，左右还行 占位： 针对标准流来说， 元素添加float，position元素，不会占位（脱离标准文档流） 浏览器默认的天生inline-block元素（有内在尺寸，设宽高，不自动换 ...
分类：
其他好文 时间：
2018-10-15 18:23:11
阅读次数：
141
1、 两种自动把行内元素变成块级元素的方法，即使元素inline属性变成inline-block属性：1.给行内元素设置position:absolute/fixed;2.让行内元素浮动，即float;此时便可以对其设置width,height,相当于display:inline-block,但优先 ...
分类：
其他好文 时间：
2018-10-14 16:19:46
阅读次数：
236
背景 块级元素宽度默认值为100%，而不是auto;因此其宽度不会根据子元素内容动态适应。 如何实现父级元素宽度动态适应其子元素。 方法一 display:inline; 给块级元素设置inline block值。 方法二 绝对定位元素 给块级元素设置position：absolute/fixed; ...
分类：
Web程序 时间：
2018-10-13 14:49:29
阅读次数：
3446
因为一直为元素居中问题而困扰，所以决定把自己遇到和看到的方法记录下来，以便以后查看 如果要让inline或inline-block元素居中显示，则父元素css中包含text-align:center; 如果让block元素居中，为其本身添加margin:0 auto; 复杂情形下可以用： displ ...
分类：
Web程序 时间：
2018-10-12 23:46:52
阅读次数：
231
所有属性详见MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display 常用的有： none；隐藏元素，不渲染，不占用空间； inline；指定元素为内联元素 block；指定元素为块级元素 inline-block；元素类似于置换元 ...
分类：
其他好文 时间：
2018-10-12 11:10:58
阅读次数：
276
禁用默认行为可以使拖动行为更加流畅，如a标签 块级元素不是指拥有display:block声明的元素 块级元素具有的换行特性，它们都可以使用clear来清除浮动带来的效果 display:inline-block实际上是两个容器，外在容器负责布局，内在容器负责大小 width深入 inline-bl ...
分类：
Web程序 时间：
2018-10-12 01:27:40
阅读次数：
214
line-height 该方法适用于单行文字垂直居中 line-height + inline-block 将多个元素或多行元素当成一个行元素来看待，需要将这些数据多包一层，并将其设定为inline-block，并在该inline-block对象的外层对象使用inline-block来代替heigh ...
分类：
其他好文 时间：
2018-10-10 23:45:45
阅读次数：
238
CSS3盒模型CSS有一种基础设计模式叫盒模型，定义了Web页面中的元素是如何看做盒子来解析的。每一个盒子有不同的展示界面，在CSS中主要有以下几种盒模型：inline、inline-block、block、table、absolute，position、float。浏览器把每个元素看一个盒模型，每一个盒模型是由以下几个属性组合所决定的：display、position、float、width、h
分类：
Web程序 时间：
2018-10-04 14:56:20
阅读次数：
171
两个div设置行内块属性，内外边距已经设置为0了，但是两个div之间为什么还有间隙呢？修改如下 将body中的连个div设置为一行就可以了。 ...
分类：
其他好文 时间：
2018-10-02 18:07:11
阅读次数：
326
