日本中文字幕免费在线,a级片免费,黄色好看一区二区三区,国产91九色在线播放,色综合无码av网站,国产AV高清精品久久,久久免费观看午夜成人网站,91成人精品免费在线

            服務熱線 400-660-5555 (轉1)

            網站建設

            網站建設

            站內資訊
            網站建設 / 站內資訊 / 產品資訊 / 正文

            網頁前端制作小知識-多行文字截取

            來源: All文章
            發布時間:2023-08-08 13:03:14

              為了提高知名度,展示企業的形象、企業的實力,推廣企業的發展理念,越來越多企業做起了自己的網站,通過網站,在互聯網上達到營銷企業自身的目的。隨著互聯網的飛速發展,企業越來越多都做起了網站,網站就猶如企業的一張名片,需要精心設計和構建的。那么,在設計制作網站頁面的時候,也許會遇到各種各樣的問題,或大或小,但是總是會盡可能的去完善這一系列的問題。下面是我在網站項目的制作中遇到的一個小問題點。如下圖:

              當標題文字是需要超過設置的行數就顯示省略號的時候,如若是單行省略,用到這三行樣式即可,而且各大的瀏覽器兼容性也很好,只是只支持單行顯示省略。

              當需要做到多行省略的時候,就沒有單行省略那么簡單便捷。下面這種方式可以在不過多要求兼容性的時候可以用,因為-webkit-line-clamp不是一個規范的屬性,只能兼容webkit內核的瀏覽器,兼容性不太好。但是多行顯示省略的效果很不錯。

              而如下的這種是用css處理的巧妙的方式,個人認為是挺不錯的。兼容性也挺好的,ie瀏覽器也能兼容,而且可以根據不用分辨率做出省略的調整,沒有超出范圍也不會顯示省略號。顯示省略號的時候可能有點不夠美觀,可以設置.text:after的背景圖做的省略,就這樣就會好很多了,具體需要的樣式還需調整一些。

            * 文章來源于網絡,如有侵權,請聯系客服刪除處理。
            在線 咨詢

            添加動力小姐姐微信

            微信 咨詢

            電話咨詢

            400-660-5555 (轉1)

            我們聯系您

            電話 咨詢
            微信掃碼關注動力小姐姐 X
            qr