Rumah > hujung hadapan web > html tutorial > 如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose

如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-21 09:47:13
asal
1362 orang telah melayarinya

css ul li div

.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里面显示溢出的内容显示为......符号?因为有的标题文字过多了,按我这格式写就全部显示出来 溢出的影响格式不美观了.  缺了什么,写错了哪里。求解啊。在线等 谢谢大神们

回复讨论(解决方案)

.text{ text-overflow:ellipsis; }
Salin selepas log masuk
Salin selepas log masuk

.text{ text-overflow:ellipsis; }
Salin selepas log masuk
Salin selepas log masuk

这种方法我也试过 只支持单行显示

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan