首先我們設置類如：.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;}效果即下圖：

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

說明：

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

Overflow語法：

overflow : visible | auto | hidden | scroll

Overflow參數：

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

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

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

scroll : 　總是顯示滾動條

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

日常我們?yōu)榱俗屛淖謨热菰谝恍袃蕊@示完,哪怕寬度不夠也不能換行,我們可以使用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 本站原創(chuàng)?大?|?中?|?小? 當一行文字超過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中國開發(fā)手冊：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 環(huán)境變量PATH設置

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

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.相對引用?? 單元格或單元格區(qū)域的相對引用是指相對于包含公式的單元格的相對位置.例如,單元格 B2 包含公式 ＝A1 ;Excel 將在距單元格 B2 上面一個單元 ...

PHP圖片識別成文字

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

清除SUN服務器部件的suspect狀態(tài)

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

從文件中讀取yuv和h264數據

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

總結

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

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