1. 程式人生 > >怎麼讓過長的標題隱藏過長部分在li內並且過長部分用省略號顯示

怎麼讓過長的標題隱藏過長部分在li內並且過長部分用省略號顯示

1定義寬度

2.overflow:hidden;

3.white-spacing:nowrap; //設定文字過長時不換行

4.text-overflow:ellipsis;//設定文字過長用省略號代替

效果如下


#detail li a{
	    	width: 280px;
	    	overflow: hidden;
	    	text-overflow: ellipsis;
	    	white-space:nowrap;
	    	text-decoration: none;
	    	color:darkslategrey;
	    	display: inline-block;
	    	height:25px;
	    	font: 13px "微軟雅黑";
	    	line-height: 25px;
	    } 


相關推薦

怎麼標題隱藏部分li並且部分省略號顯示

1定義寬度 2.overflow:hidden; 3.white-spacing:nowrap; //設定文字過長時不換行 4.text-overflow:ellipsis;//設定文字過長用省略號代替 效果如下 #detail li a{ width: 28

table td中的內容顯示為固定長度,多餘部分省略號顯示

簡單描述:table資料過長,結果頂到下一格,影響了資料的檢視 解決辦法: 給table 加上style屬性   另外 給td加上style標籤修飾 <table class="table table-striped table-bordered table-hover

table td中的內容顯示為固定長度,多余部分省略號顯示

感謝 striped itl details log 不換行 column 描述 圖片 簡單描述:table數據過長,結果頂到下一格,影響了數據的查看 解決辦法: 給table 加上style屬性 另外 給td加上style標簽修飾 <table class=

自動截斷行,單行省略號...顯示

.nowrap{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .nowrap_2{display: -webkit-box;-webkit-box-orient: vertical;-w

常用css樣式(文字超出部分省略號顯示、滑鼠經過圖片放大、出現陰影)

文字超出部分用省略號顯示: white-space: nowrap; /* 不換行 */ overflow: hidden; /* 超出部分不顯示 */ text-overflow: ellipsis; /* 超出部分顯示為... */ 滑鼠經過圖片放大 .team-img img{ width:188

常用css樣式(文字超出部分省略號顯示、鼠標經過圖片放大、出現陰影)

eight code ado 部分 -m ans nsf 超出 nowrap 文字超出部分用省略號顯示: white-space: nowrap; /* 不換行 */ overflow: hidden; /* 超出部分不顯示 */ text-overflow: ellips

css 實現div顯示兩行或三行,超出部分省略號顯示

一、div內顯示一行,超出部分用省略號顯示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 二、div內顯示兩行或三行,超出部分用省略號顯示     o

HTML怎麼table中的td內容顯示為固定長度,多餘部分省略號代替

HTML如何讓table中的td內容過長顯示為固定長度,多餘部分用省略號代替 這個問題呢,是由於我們公司測試的部門測出來的,雖然說測試的內容本身就是個BUG,不過這個也讓我學到了一個比較好的歸類於佈局的一個小技巧,就是將td標籤中過長的內容只顯示為這個td的width的長度,之後的便以省略號

文字設定隱藏,滑鼠hover時顯示在title上

<td> <span class="text-content"> 1.工作內容工作內容工作內容工作內容工作內容工作內容工作內容 2.工

關於gridview的item文字換行後顯示不完全問題

最近在做一個專案,當中用到gridview,這個gridview的item是有上面是圖片,下面是文字,當文字過長的時候會導致文字顯示不全 不全的效果是第二行字只能看到一部分,或者一部分都看不到。 我不想自定義一個gridview去重新算高度,(自定義當然

wpf Textblock 文字時,中間省略號代替。

如果是省略號載入最後,可直接用TextTrimming屬性,如果不加在最後,想將省略號加在中間,提供兩種思路。 第一種,利用三個TextBlock(txb、txb1、txb2)來實現,這種顯示出來的文字可能有半個字的現象。 txb用來顯示不過長的文字,txb1和txb2用

CSS,bootstrap表格控制當td內容省略號表示,以及在不使用bootstrap時省略號表示

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <styl

bootstrap表格內容省略號表示

bootstrap ellipsis的使用         當表格的內容過多的時候,需要把過長的內容用省略號代替;只要table加上style樣式,td的style加上樣式。 <TABLE s

springboot部分註解以及踩的坑

1使用Spring Initializer快速建立Spring Boot專案 理解的幾個點: 主類和測試類一定要嚴格按照目錄格式去建立, 2.springboot的主類: /** @SpringBootApplication 來標註一個主程式類,說明這是一個Spring

文字太隱藏的字省略號來代替

white-space: nowrap; overflow: hidden;  tex

解決Windows下棧小的問題

問題 cnblogs 需要 brush log windows true blog -- 本地是windows環境 這個需要對你的IDE進行更改 拿Dev-C++來說 加入一條編譯命令就好 -Wl,--stack=64000000000 評測機是

SetProcessWorkingSetSize() 方法使存降低了很多(把存放到交換區,其實會降低性能)——打開後時間不使用軟件,會有很時間的加載過程,原來是這個!

相關 opera UNC 情況下 縮小 ole careful however guarantee 在項目中對程序性能優化時,發現用SetProcessWorkingSetSize() 方法使內存降低了很多,於是查閱了相關的資料如下: 我的程序為什麽能夠將占用的內存

Spring cloud開發的微服務部署到Linux上高的問題

linux系統服務 內存參數 中間 size 但是 aps 內存占用 style 驗證 【問題描述】   在使用spring cloud過程中一個很嚴重的資源問題就是內存占用過高,而實際上開發測試並沒有很大的量,甚至卻出現了服務無法正常訪問的問題。 【原因分析】 主

擬合是什麽?如何解決擬合?l1、l2怎麽解決擬合

pad rap 模型 details sdn data- ria article 特征 1. 過擬合是什麽?  https://www.zhihu.com/question/264909622 那個英文回答就是說h1、h2屬於同一個集合,實際情況是h2比h1錯誤率低,

使用cmd檢視電腦連線的wifi密碼並將密碼傳送至指定郵箱(三) 使用cmd檢視電腦連線的wifi密碼(二) 使用cmd檢視電腦連線的wifi密碼(一)

  之前,我寫了使用cmd檢視電腦連線過的wifi密碼(二)和使用cmd檢視電腦連線過的wifi密碼(一)但其中的功能不完善,在本次的更新中新增了更多的功能,其實2018/10/24 就更新完成了,一直拖到現在主要是為了驗證程式在不同機子上的執行情況並進行修正。   注意本軟體只用於學習和正當途徑,如果有人