浮动布局和定位布局为css中布局的常用的两种布局方式，而且兼容性会比较好。随着flex的流行，以后会是主流，新的东西好用，兼容不太好。IE10以下不兼容flex布局。 float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌等问题。清除浮动后，便不会影响文档流。下面介绍一下现在清除浮 ...
分类：
Web程序 时间：
2019-03-29 19:23:28
阅读次数：
220
1.浮动的特点 1.浮动的元素不占用标准流的位置 2.浮动特性会让行内元素和块级元素都变成行内块元素，具有行内块的特性. 行内块的特点：宽高起作用，可以一行显示多个，margin,padding四面都有效 3.如果父盒子中有子盒子的话，一般的用法就是，让子盒子，要浮动都浮动，要不浮动都不浮动。 4. ...
分类：
其他好文 时间：
2019-03-21 00:59:04
阅读次数：
162
行内元素 块级元素 行内块元素 行内元素，块级元素，行内块元素之间的转换 行内元素 * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * ...
分类：
Web程序 时间：
2019-03-17 10:21:54
阅读次数：
455
废话不多说， 直接上菜。 菜系：水平居中 菜名一： 行内(块)元素水平居中 1. 通过 text-align: center 可以实现在块级元素内部的行内元素水平居中。 2. 如果块级元素内部包着也是一个块级元素，我们可以先将其由块级元素改变为行内块元素(inline-block、inline-ta ...
分类：
其他好文 时间：
2019-03-13 19:43:28
阅读次数：
197
我们在构造页面时，会发现有的元素是上下排列的，而有的则是横向排列的，这是为啥子呢 看看上图，我们也没给他设置啥子属性咋就不一样了，其实是因为每个元素都有默认的 display 属性，比如 div 标签的默认 display 属性是 block，我们通常称这类元素为块级元素；span 标签的默认 di ...
分类：
Web程序 时间：
2019-03-12 09:21:16
阅读次数：
4073
inline 内联元素：是不可以控制宽和高、margin等；并且在同一行显示，不换行，直到该行排满。 block 块级元素：是可以控制宽和高、margin等，并且会换行。块级对象元素会单独占一行显示，多个block元素会各自新起一行。 inline-block 内联块级元素： 具有宽度高度特性，又具 ...
分类：
其他好文 时间：
2019-03-09 01:23:17
阅读次数：
244
1、正常情况下： width :给块级元素/行内块 元素设置固定的宽度，或者固定百分比的宽度。 min-width: 当盒子内部元素宽度小于 min-width的值时，盒子宽度为 min-width的值，当盒子内容宽度大于 min-width的值时，盒子随着内容的增加而被撑大，没有上上限，但是 盒子 ...
分类：
其他好文 时间：
2019-03-04 11:22:15
阅读次数：
160
移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t ...
分类：
移动开发 时间：
2019-03-01 09:31:37
阅读次数：
238
本文前提：文本的父容器是块级元素。 首先，我们来整理一下与换行有关的3个CSS属性： word-break 该属性决定文本内容超出容器时，浏览器是否自动插入换行符。 属性值： normal：默认换行规则——英文以词为单位换行，连续字符不换行，直接溢出父元素 break-all：无视单词，强制在父元素 ...
分类：
Web程序 时间：
2019-02-28 14:43:35
阅读次数：
200
1 浮动定位 1、普通流定位 普通流，由称为文档流 块级元素：从上到下一个一个的排列 行内元素：一行内从左到右的排列 2、浮动定位 2.1、什么是浮动定位 将元素排列在普通流之外，即脱离文档流 浮动元素不会占据页面空间 浮动元素会放置在“包含框”的左边或右边 浮动元素依旧位于包含框之内 浮动元素可以 ...
分类：
其他好文 时间：
2019-02-22 21:29:10
阅读次数：
226
