首先我們設置類如：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;}

解決讓文字不超出CSS盒子的固定高寬我們只需要在此CSS類加入overflow:hidden;樣式即可，加入后CSS類：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;overflow:hidden;}效果即下圖：

這樣一來文字就將不會溢出超出設置固定的高和寬區。

說明：

Overflow是檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。

Overflow語法：

overflow : visible | auto | hidden | scroll

Overflow參數：

visible : 　不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將被剪切為包含對象的window或frame的大小。并且clip屬性設置將失效

auto : 　此為body對象和textarea的默認值。在需要時剪切內容并添加滾動條

hidden : 　不顯示超過對象尺寸的內容

scroll : 　總是顯示滾動條

white-space norma nowrap強制同一行內顯示所有文本文字，讓所有文字內容中一排顯示不換行

日常我們為了讓文字內容在一行內顯示完,哪怕寬度不夠也不能換行,我們可以使用white-space樣式,但如果遇到了html br強制換行標簽,無論是設置white-space與否都會被

CSS+DIV實現文字一行內顯示，并且過多的文字以點來代替

有些時候我們在使用CSS+DIV進行排版實現大量的文字的時候,為了頁面的美觀,這里需要將文字在div中一行顯示,并且將過多的文字進行隱藏,以點號進行代替.當鼠標放上面的時候會以title的形式顯示所有 ...

用CSS讓字體在一行內顯示不換行(收藏)

當一行文字超過DIV或者Table的寬度的時候,瀏覽器中默認是讓它換行顯示的,如果不想讓他換行要怎么辦呢? 用CSS讓文字在一行內顯示不換行的方法 ? 一般的文字截斷(適用于內聯與塊): .text- ...

用CSS讓字體在一行內顯示不換行

青楓?, 2012/07/13 18:08 ,?css樣式設計?,?評論(0)?,?閱讀(2189)?, Via 本站原創?大?|?中?|?小? 當一行文字超過DIV或者Table的寬度的時候,瀏覽器 ...

CSS控制字體在一行內顯示不換行

當一行文字超過DIV或者Table的寬度的時候,瀏覽器中默認是讓它換行顯示的,如果不想讓他換行要怎么辦呢?用CSS讓文字在一行內顯示不換行的方法: 一般的文字截斷(適用于內聯與塊): .text-ov ...

CSS樣式 解決文字過長顯示省略號問題

一.CSS樣式 解決文字過長顯示省略號問題 1.一般樣式 一般 css 樣式,當寬度不夠時,可能會出現換行的效果.這樣的效果在某些時候肯定是不行的,可以修改 css 樣式來解決這個問題.

css+div解決文字溢出控制顯示字數

一.一般的文字截斷(適用于內聯與塊): ?Example Source Code?[www.mb5u.com] .text-overflow {display:block;/*內聯對象需加*/widt ...

Bootstrap CSS概覽代碼文字標注篇

CSS強制文本在一行內顯示若有多余字符則使用省略號表示

這篇文章主要介紹了強制文本在一行內顯示,多余字符使用省略號,設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出.對應的腳本特性為textOverflow 設置或檢索是否使用一個省略標記(.. ...

隨機推薦

nyoj 61 傳紙條

點擊打開鏈接 傳紙條(一) 時間限制:2000?ms ?|? 內存限制:65535?KB 難度:5 描述 小淵和小軒是好朋友也是同班同學,他們在一起總有談不完的話題.一次素質拓展活動中,班上同學安排做 ...

谷歌Web中國開發手冊：1目的&夾

原版的:https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/ 該網站 ...

hibernate的開始

1.1對象的持久化 對象持久化是指將內存中的對象保存到可永久保存的存儲設備中(如磁盤)的一種技術.(hibernate是通過id來管理對象) 1.2怎樣實現持久化 1 對象序列化 2 JDBC 3 O ...

Ubuntu Linux 環境變量PATH設置

前倆天編譯linux下rar解壓軟件的時候說找不到? /usr/local/linux 路徑,在設定path變量的時候,忽然就想看看,path最原始的變量值是多少....(在環境變量文件中保存.... ...

Transformer中引用iqd作為數據源的時提示TR1008無法連接問題

剛接觸tr的同行們可能都會遇到這么一個問題,當然我也遇到了. 今天把問題的解決辦法詳細的說明一下 從問題的表面來看是從cognos.ini文件缺少了什么配置東西,但是cognos10的安裝中沒有cog ...

XDU 1130 (快速冪)

題目大意:原題鏈接 解題思路:sum((p+i*d)*C(n,i))=sum(p*C(n,i)+d*i*C(n,i)) ; 又因為i*C(n,i)=n*C(n-1,i-1) 所以sum((p+i*d) ...

excel中的絕對引用和相對應用

六.相對引用和絕對引用 ??? 1.相對引用?? 單元格或單元格區域的相對引用是指相對于包含公式的單元格的相對位置.例如,單元格 B2 包含公式 ＝A1 ;Excel 將在距單元格 B2 上面一個單元 ...

PHP圖片識別成文字

http://apistore.baidu.com/apiworks/servicedetail/146.html 分類: php2011-- : 3576人閱讀 評論() 收藏 舉報 phpfunc ...

清除SUN服務器部件的suspect狀態

對于suspect狀態的部件,可以用setchs命令清除其狀態.如果ScApp的版本在5.20.15之前,需要進入service模式后才能使用setchs命令.如果ScApp版本 升級到5.20.15 ...

從文件中讀取yuv和h264數據

1.從文件中讀取h264數據 參考ffmpeg avc.c寫的從文件中一幀幀讀取h.264數據的demo #include #include

總結

以上是生活随笔為你收集整理的css 固定内容显示范围,css之让文字在一定范围内显示，不超过固定的宽度和高度...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。