css控製文字長度的方法:1、為文字元素新增「white-space:nowrap」樣式設定文字不換行;2、為文字元素新增「overflow:hidden」樣式設定超過文字長度的文字為隱藏即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css控製文字長度的方法
#1、新建一個html文件,命名為test.html,用於講解css限製文字長度。使用div標籤建立一段文字,並設定其class屬性為tt,主要用於下面透過該class來設定css樣式。編寫標籤,頁面的css樣式將寫在該標籤內。
在css標籤內,透過div的類別名稱tt來設定div的樣式,下面將在花括號內編寫css樣式。使用width設定div的寬度為65px,並使用float屬性設定文字浮動向左。
2、在css標籤內,使用white-space設定文字不換行(nowrap),overflow設定超過限制的長度,overflow 屬性規定當內容溢出元素方塊時發生的事情,可設定為文字隱藏(hidden),text-overflow設定超過限制的長度不顯示省略號。
在瀏覽器中開啟test.html文件,查看實現的效果。
總結:
#1、建立一個test.html檔。
2、在文件內,使用div建立一行文字。
3、在css樣式中,設定div的寬度,文字不換行(white-space:nowrap),超過長度文字隱藏(overflow:hidden),超過長度不顯示省略號(text-overflow:clip )。
css限制的長度就是div的寬度。
更多程式相關知識,請造訪:程式設計影片! !
以上是css如何控製文字長度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

Goofonts是由開發人員和設計師丈夫簽名的附帶項目,它們都是版式的忠實擁護者。我們一直在標記Google

學習如何構建GraphQL API可能具有挑戰性。但是您可以學習如何在10分鐘內使用GraphQL API!碰巧的是,我得到了完美的

這裡是Yuanchuan的一些合法CSS騙局。有此CSS屬性偏移路徑。曾幾何時,它被稱為Motion-Path,然後被更名。我


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

記事本++7.3.1
好用且免費的程式碼編輯器

Dreamweaver Mac版
視覺化網頁開發工具

SublimeText3 Linux新版
SublimeText3 Linux最新版