描述一种情况，父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。 这种情况是因为 flex 布局特性，子内容优先被内容撑开使得文字不隐藏。 解决：将该元素的宽度设置为 0 ，然后使用 flex：1 样式，将宽度 ...

:-webkit-box,display:box; 子元素要：-webkit-box-flex:1;-moz- ...

在HTML中，要实现区域内容的滚动，只需要设定好元素的宽度和高度，然后设置CSS属性overflow 为auto或者scroll： 在Flex box布局中，有时我们内容的宽度和高度是可变的，无法确定下来，这时候设置滚动条 ...

之前写的移动端的代码，好多使用了-webkit-box样式，现在要兼容PC端，尤其是在使用打包工具时，貌似-web-kit的不会自动转码呀，没办法，一个个和标准的flex方式对应修改一下才行： display: flex; 　　　　　　display ...

Flexbox 为 display 属性赋予了一个新的值（即 box 值）, flexbox的属性有很多，记录一些比较常用的属性： 用于父元素的样式： display: box; 该属性会将此元素及其直系子代加入弹性框模型中。（Flexbox 模型只适用于直系子代 ...

在td所在table设置属性： width:100%; table-layout:fixed; 设置td属性： overflow:hidden white-space:nowra ...

（1）介绍的第一个就是display：-webkit-box，我们知道元素大致分为内联元素、块状元素和介于两者之间的元素，当然还有inline-table、table-cell等神马的，那么display: -webkit-box怎么用呢，什么举个应用场景，对于下图所示的情况，父元素 ...

发现： 最近在做移动端的东西，说起移动端弹性盒子布局真是无往不利，用起来特别爽，我也是偶尔间发现的这个属性并且它的用法，在网上基本查不到这个属性的资料（个人看法）。如果没有听说过（display:box）的朋友建议去别人家的博客看看CSS3就可以直接command+w了，由字看意，是不是 ...