描述一種情況，父元素 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了，由字看意，是不是 ...