伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

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

網(wǎng)頁教學(xué)網(wǎng) 2008/3/17 23:38:48 深山行者 字體: 瀏覽 22772

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

設(shè)置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>www.qinglibike.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)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
 <li><a href="#">網(wǎng)頁DIV+CSS標準化學(xué)習(xí)之隱藏文字</a></li>
</ul>
</body>
</html>

相關(guān)閱讀
ASP FSO讀取XX文件夾下的所有文件與創(chuàng)建使用時間
利用CSS讓網(wǎng)頁里的提交按鈕變得更漂亮
asp隨機顯示字符長度與類型(可隨機顯示數(shù)字、小寫字母、大寫字母,可以做為隨機密碼使用)
asp用BcH將二進制轉(zhuǎn)十六進制然后再HcB將十六進制轉(zhuǎn)二進制
asp利文本文檔加FSO統(tǒng)計網(wǎng)站訪問量的方法(2)
旅行社網(wǎng)站模板默認風(fēng)格6
旅行社手機網(wǎng)站模板3
GOOGLE百度破解,網(wǎng)站優(yōu)化SEO最終詳解
共有0條關(guān)于《div+css設(shè)置列表li超出部分顯示省略號》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

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

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
asp論壇制作教程(二)——asp論壇制作文件關(guān)系發(fā)析
asp中qequest讀取優(yōu)先級順序(通過優(yōu)化之后提高速度)
ASP讀取json并輸出
asp顯示隨機密碼
綿陽市康輝國際旅行社有限責(zé)任公司
設(shè)置個性的文字鏈接樣式,集齊網(wǎng)頁上常見的鏈接樣式
主站蜘蛛池模板: 欧美在线看欧美高清视频免费 | 国产成人v视频在线观看 | 日本精品二区 | 四虎成人影视 | 91成人福利 | 亚洲免费成人在线 | 国产在线视频www片 国产在线视频99 | 一二三四在线视频社区8 | 国产精品久久久久久久成人午夜 | 搞黄网站免费观看 | 免费看欧美日韩一区二区三区 | 五月激情五月婷婷 | 欧美日韩精品一区二区三区四区 | 成年人视频在线观看免费 | 亚洲一区二区中文 | 日本成人二区 | 久久久免费观看视频 | 精品日本一区二区三区在线观看 | 欧美亚洲国产成人综合在线 | 亚洲人成网站在线观看播放动漫 | 久久99精品久久久久子伦 | 青草视频入口 在线观看 | 欧美www在线观看 | 黄色一级毛片看一级毛片 | 四虎永久免费地址在线网站 | 另类专区另类专区亚洲 | 澳门四虎影 | 老子影院午夜伦不卡不四虎卡 | 一卡二卡四卡免费视频 | 四虎在线永久 | 日本欧美一区二区三区视频 | 91视频站| 天天做天天爱天天做天天吃中 | 99这里只有精品6 | 九九热欧美 | 99热热久久这里只有精品8 | 国产白嫩在线 | 97免费观看视频 | 午夜视频在线观看一区二区 | 亚洲大片免费观看 | 日本一区二区三区中文字幕视频 |