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

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

一、对内部元素平均分配的问题 1、display:flex; 如果要加私有的话那么方法是display:-webkit-flex;而不是-webkit-display:flex;子元素flex:1然后平均分配，但是这个方法会有一个兼容性，就是UC和QQ浏览器有兼容 2、display ...

css之字体多行省略（兼容大部分浏览器） 字体单行显示省略号 字体多行显示省略号 文本框盒子定义了宽高之后，设置它的右边距一个字符的宽度，用来显示省略号。设置文本框的盒子伪类before来显示省略号。使用绝对定位让它在右下角。 当然，它会一直显示在右下角，然后可以使 ...

box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义 ...

这里介绍两种方法，都是css实现的，其他的js，jq代码，可以去网上搜索很多。 第一种：margin负值定位法 预览效果为： 解释：此段中text_dotted是单独放省略号的标签，当文字短时，省略号是隐藏在该文字所在行的上方，当文字内容足够长时就把隐藏 ...

溢出:overflow:visible/hidden/scroll/auto/inherit； visible:默认值、不剪切。hidden:超出部分剪切、没有滚动条。scroll:超出部分有滚动条。auto:自适应，有滚动条。inherit:继承父元素的overflow得值。 空余空间 ...

的浏览器兼容性比较麻烦。 1.关于display:flex 对于响应式布局，使用flex很方便，但是 ...