2 foryou2016 foryou2016 于 2013.11.17 23:55 提问

如何让ul li 的溢出内容的显示为....

.hotdiscuss{
border:1px solid;
width: 685px;
height: 500px;
margin-top:10px;
float: left;
}
.hotdiscuss li{
width:330px;
height:40px;
margin:3px;
float:left;
display:block;
}
我已经让ul li 2行显示再换行显示的。
怎么让 li里面显示溢出的内容显示为......符号?因为有的标题文字过多了,按我这格式写就全部显示出来 溢出的影响格式不美观了.求解啊。在线等

1个回答

hongshaohu01
hongshaohu01   2013.11.18 09:08

把CSS中的样式设置为:text-overflow:ellipsis

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
css防止ul下的li里面内容超出换行
摘自 http://blog.163.com/weison_hi/blog/static/176804047201192535224607/   在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里  分别有4个li 这个4个li的宽度根据它们的自身内容长度为8
ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
转自:http://www.jb51.net/css/150075.html 代码如下: li{ display:block; font-size:14px; height:16px; line-height:16px; width:330px; white-space:nowrap; //强制不换行 overflow:hidden; //自动隐藏文字
ul如何在一排显示并且自动换行
今天在看群里一个大神的blog时,发现其中有一个Tags的界面,但是他的是竖起来的,我看着很不爽,于是就想,这个应该怎么解决呢?想起之前碰到过这样的问题,但是解决方案又实在不记得了,就决定把它写下来,加深印象。 下面是大神的界面的截图,我要奔溃了~!!!原谅我这种有这种有强迫症的人!!! 简单做了一个页面,代码如下: .nav {
无序列表ul标签下怎么让li标签换行?
在一个ul标签下,包含6个li标签,如何实现他们的换行呢?     在前后端分离的形势下,还有一些程序猿过着前端后台一起写的日子,简单的实现换行功能竟然磨了本媛一下午大好时光。     ul标签是无序的,普通的自动换行标签都治不了他,我试着用以下方法解决: 1.我首先加了一个进去,没反应... 2.我又加了一个过去,依旧丝毫不动  3.我再扔了3个ul分别包裹两个li标签,绝望.. 正
js控制li的隐藏和显示
(html页面)                                  全部({$count})                钢琴谱({$count_pu})                钢琴曲({$count_qu})                钢琴专辑({$count_zhuanji})             
使li横排显示并且ul位于div的中间位置
使li横排显示并且ul位于div的中间位置,(li使用style="display:inline;"),如下所示 #links {text-align:center;} #links ul{border:1px solid red;list-style-type:none;} #links ul li{ display:inline; }
css防止ul下的li换行(li超出宽度变成…)代码
在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里   分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。 我需要的效果是4个li向左自动排列。当第三个li和前两个li的长度之和大于ul的宽度时候 第三个li则会下
<ul><li></li></ul>之间的文字居中水平显示
#linknav{height:140px;} #linknav ul{text-align:center;list-style-type:none;} #linknav ul li{display:inline;list-style-type:none;}
LI标签在Ul中居中显示
这里用到了前面文章中的清除浮动的问题,值得一注意。先直接看一个例子吧:&lt;style&gt;*{margin:0;padding:0;}ul,ul li{list-style:none;}.clear:after{content:".";display:block;heigh
div ul li 嵌套后解决高度自适应方法
div ul li 嵌套后解决高度自适应办法: html代码如下 daugli-1webServer-1web Server   CSS代码如下: .main_div {  width:80%;  margin-top: 15px;  margin-right: 26px;  margin-bottom: 15px;  margin-left: 26px;