如何设置CSS样式使网页中过长的新闻标题后面以省略号显示

html-css011

如何设置CSS样式使网页中过长的新闻标题后面以省略号显示,第1张

前提是要固定宽度,如下

<li style="width:50px overflow:hiddenwhite-space:nowraptext-overflow:ellipsis">如何设置CSS样式使网页中过长的新闻标题后面以省略号显示</li>

而在样式中加上 overflow:hiddenwhite-space:nowraptext-overflow:ellipsis这段代码的意思是超出50px的长度后,后面以省略号显示。

各个浏览器对于内边距,外边距还有边框是否算在高度里面是不同的,建议你下载一个火狐的firebug,选中元素后看布局里面有高度,ie7以上的浏览器也是自带查看工具的都是按F12键,都是看布局项。

主要要看你想怎么去实现,如果只是简单的换行可以用word-break:break-all 属性 

效果图如下:

如果想用....去代替溢出内容的话,可以用如下属性:overflow: hidden

text-overflow:ellipsiswhite-space: nowrap

效果图如下:

红色边框代表div的长和宽,width:200px;