摘要：(一）什么是Flex 布局 Flex 是Flexible Box 的缩写，是一维的弹性布局。 采用Flex布局的元素，称为Flex容器。 它的所有子元素自动成为容器成员，称为 Flex item（Flex 项目）。 既然是容器，就需要一个容器元素，将项目包裹在其中。 因此，在使用时，需要将容器元素设 阅读全文

摘要：MDN对两者定义如下： word-break： 指定了怎样在单词内换行。 word-wrap： 当一个不能被分开的字符串太长，而不能填充其包裹盒子时，为防止溢出，浏览器是否是否允许这样的单词中断换行。 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现 阅读全文

摘要：之前，我以为 margin-top/padding-top 如果设置成%，得到的是 基于父对象总高度的百分比。 但是，这种想法是错的。因为在CSS标准里，是基于父对象宽度的百分比。 你觉得 子div 的 margin-top是 28px,还是 14px 呢？ 用js代码测试了下 阅读全文