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

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

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

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

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

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

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解決浮動(dòng)塌陷的方法有哪些？

方法1：給浮動(dòng)的元素的上級(jí)添加高度

方法2：clear:both

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

方法4：overflow：hidden；

4、css強(qiáng)制文字不換行實(shí)現(xiàn)代碼？

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