前言：CSS可以說是網頁樣式的靈魂，特別是CSS3發佈後，更是讓網頁在無需藉助JS的情況下，便可直接使用CSS實現以往無法實現的效果。本文根據日常的開發經驗，總結出幾個使用CSS就可實現的效果，以及幾個小問題跟解決問題的方法
CSS便可實現的效果
1.子元素超出父元素隱藏，且可左右滑動查看隱藏內容（使用在移動端）
效果圖：
HTML代碼：
CSS代碼：
2.CSS實現文本超出顯示省略號效果（可指定顯示幾行）
效果圖：
顯示一行
顯示兩行
HTML代碼：
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
CSS代碼：
CSS的幾個小問題以及解決方法
1.div下的子元素img標籤與該父元素高度不一，留有小縫隙
效果圖：
問題：子元素與父元素高度留有小縫隙
讓兩者高度一致，解決方法：將img標籤display:block
2.父元素中的子元素span與img如何保持同一水平線
效果圖：
問題：span與img沒有同一水平高度對齊
解決方法：在span中使用vertical-align: top
最後
我自己是一名從事了多年開發的前端老程序員，送給每一位前端小夥伴，想要.獲取的可以關注我的頭條號並在後臺私信我:前端，即可免費獲取。
分享到:
閱讀更多 web小學員 的文章
