前提是要固定宽度,如下
<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;