<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>
訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

div+css設置列表li超出部分顯示省略號

網(wǎng)頁(yè)教學(xué)網(wǎng) 2008/3/17 23:38:48 深山行者 字體:大 中 小 瀏覽 22417

我們常常希望列表中的內容，超過(guò)設置的長(cháng)度的時(shí)候，不要撐開(kāi)父元素，也不希望它直接換行；我們更愿意用div+css設置列表li超出部分顯示省略號。而在title標簽中，置放的是完整的標題。
　　這樣的方法新手們常常不知道該如何搞定。下面就是方法的演示。不過(guò)請注意此方法適用與IE與OP瀏覽器！

設置li超出部分顯示省略號的方法

 

以下是引用片段：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>spellingcontrole.com</title>
<style type="text/css">
<!--
li {width:150px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
body,td,th {font-family: 宋體;}
-->
</style>
</head>
<body>
<ul>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁(yè)DIV+CSS標準化學(xué)習之隱藏文字</a></li>
</ul>
</body>
</html>

相關(guān)閱讀
連云港紅發(fā)廊
深山行者asp購物網(wǎng)終于上線(xiàn)了
網(wǎng)站建設：ASP網(wǎng)站防范黑客技巧
CSS的優(yōu)化與技巧
使用uiautomatorviewer連接模擬器頁(yè)面報錯：Error while obtaining UI hierarchy XML file
Object.assign的一些用法
windows顏色選擇框
css里expression實(shí)現界面對象的批量控制
共有0條關(guān)于《div+css設置列表li超出部分顯示省略號》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱(chēng):
表 情:
內 容:
評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類(lèi)別選擇
百度小程序開(kāi)發(fā)
微信小程序開(kāi)發(fā)
微信公眾號開(kāi)發(fā)
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類(lèi)信息
jquery設置或獲取修改classname
利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果
利用css中的scale()實(shí)現放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
更多>>最新添加文章
抖音直播音掛載小雪花 懂車(chē)帝小程序
javascript獲取瀏覽器指紋可以用來(lái)做投票
火狐Mozilla Firefox出現：無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法
在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過(guò)代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
aliyun阿里云續費域名優(yōu)惠口令(注冊、續費都可以使用)
windows7環(huán)境下安裝配置jdk
更多>>隨機抽取信息
07 問(wèn)題錯誤整理 程序目錄權限 父路徑?jīng)]打開(kāi)錯誤
利用CSS樣式美化Button或submit按鈕
旅行社線(xiàn)路主題默認模板5
啟用新版文章管理系統
旅行社手機網(wǎng)站模板10
html表單里面的label詳細
亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码
<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>