1、css布局屬性overflow，css隱藏元素的幾種方法？

1、overflow:hidden; 這是防止溢出，也是一種隱藏，只不過是把超出范圍的元素隱藏，這種一般用于文字過多或者圖片特效以及自適應中div沒法設置高度時使用

2、display:none;這就是完全的隱藏了，直接消失，任何對該元素直接的用戶交互操作都不可能生效，被隱藏的元素完全不會占用空間，仿佛元素完全不存在一樣。

3、利用opacity透明度來隱藏，opacity設置為0，它只是一種視覺隱藏，元素本身依舊占用它的位置并對網頁的布局起到作用，它也同樣影響用戶交互。在讀屏軟件中會被識別。

4、position：元素的定位。把position：absolutely；top：-4555px；left：-45545px；top和left設置成足夠大的負數，相當于把元素放到可視區域外，它不會影響布局，能夠讓元素保持可操作性，在讀屏軟件上可以被識別。

5、visibility：規定元素 是否可見，一般設置為hidden，它可以很好的隱藏，不會影響用戶的交互，在讀屏軟件中不會被識別。

2、css一行顯示多少種方法？

最起碼有倆種

第一種

display: inline-block;

white-space: nowrap;

width: 100%;

overflow: hidden;

text-overflow:ellipsi

第二種

width:200px;

word-break:break-all;

display:-webkit-box;

-webkit-line-clamp:1;

-webkit-box-orient:vertical;

overflow:hidden;

3、CSS解決浮動塌陷的方法有哪些？

方法1：給浮動的元素的上級添加高度

方法2：clear:both

方法3：隔墻法在中間一個空盒子，然后給那個空盒子clear：both；

方法4：overflow：hidden；

4、css強制文字不換行實現代碼？

<styletype="text/css">div{width:300px;border:1pxsolidred;margin:10px;overflow:hidden;}.nowrap{white-space:nowrap;}</style><divclass="nowrap">這是一段很長的文字，中間沒有空格，也沒有換行，它不會自動換行直到被截取掉</div><div>這是一段很長的文字，中間沒有空格，也沒有換行，但它會自動換行</div> 上面兩個div里超寬的文字，第一個里面的被禁止換行，然后超寬的被截取了；第二個不做設置，于是自動換行了。