wding914的博客

页面布局

word-wrap/word-break区别浏览器默认换行：单词默认是不能断开的 ，长单词会换行；但单词长度超出父元素，会溢出[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iRfPw6Vv-1574145403866)(C:\Users\dingw\AppData\Local\Temp\1574144257124.png)]1.word-wrap:cs...

n = 0,1,2… ( >0 ） ==.>选择的结果选择第一个元素:first-child选择第n个元素:nth-child(n)选择偶数元素:nth-child(2n) || nth-child(even)选择奇数元素:nth-child(2n-1) || nth-child(odd)选择某一列元素（一行有3个元素）:nth-child(3n+1) |...

BFC(块级格式化上下文)一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。1. Box: CSS布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting ...

不定宽高div,实现水平垂直居中第一种方式: css/* 父元素 */text-align: center;display: table-cell;/*让标签元素以表格单元格的形式呈现，类似于td标签*/vertical-align: middle;/* 子元素 */display: inline-block;vertical-align: middle;第二种方式:定位/...

px.em.rem的区别px：px，像素(计算机屏幕上的一个点)。（引自w3school-css单位）像素（Pixels），相对长度单位，它是相对于显示器屏幕分辨率而言的，它兼容性好而且精确，但是这种方法当用户在缩放浏览器或者需要兼容不同移动设备时，我们的页面布局可能会被打破。em:em，相对长度单位。相对于当前对象内文本的字体尺寸。  如当前对行内文本的字体尺寸未被人为...