因为从数据库取出的文章过长,我只想做个预览,只显示前200像素的高度,不知用CSS可否实现,如果可以,请高手指教,这个问题困挠我好久了,谢谢正在阅读我枯燥问题的每一位朋友!

用字符串截取函数啊，何必要用css呢

用text-overflow属性了，多余的显示为...

<style> #idDIV{width:100%;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; } </style> <div id="idDIV">因为从数据库取出的文章过长,我只想做个预览,只显示前200像素的高度,不知用CSS可否实现,如果可以,请高手指教,这个问题困挠我好久了,谢谢正在阅读我枯燥问题的每一位朋友!</div>
 提示：您可以先修改部分代码再运行

多余的裁剪掉

<style> #idDIV{width:100%;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:clip;white-space:nowrap; } </style> <div id="idDIV">因为从数据库取出的文章过长,我只想做个预览,只显示前200像素的高度,不知用CSS可否实现,如果可以,请高手指教,这个问题困挠我好久了,谢谢正在阅读我枯燥问题的每一位朋友!</div>
 提示：您可以先修改部分代码再运行

text-overflow功能不错，但它是IE私有标签，而且支持的只有IE6或以上版本。

因为高级所以功能强大！

楼上的没有说到点子上,楼主要的是纵向的截取,你们给的是横向的截取.

另外告知楼主一声,纵向的截取没有办法用css实现,还是用函数吧.

楼上的不对,我已经用jiangjohy的方法实现了纵向截取,完全不用函数.

感谢所有回帖和想回的朋友,特别感谢jiangjohy,Thanks!!!

我发现如果内容全是英文的话就不能自动折行了?

<style> #idDIV{width:100%;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:ellipsis; } </style> <div id="idDIV">因为从数据库取出的文章过长,我只想做个预览,只显示前200像素的高度,不知用CSS可否实现,如果可以,请高手指教,这个问题困挠我好久了,谢谢正在阅读我枯燥问题的每一位朋友!</div>
 提示：您可以先修改部分代码再运行

<style> #idDIV{width:100%;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:ellipsis; } </style> <div id="idDIV">sadfsadfasdfasdfasdfjkas;ldfsdfasdfasdfjhasdkfhaskldfhjasdhfklahsdfjhasdfahsdfkashdjkfhaskdfhakdsjfhkjasdhfklashdfashdkflhaskdfhkajsdhfkhasdfkjhaskdjf!</div>
 提示：您可以先修改部分代码再运行

挺好

没有换行是因为没加标点符号或者空格

不会有那么长的英文的

这样会不会增加网络传输的负担？

meditic在上个帖子中说

引用:

不会有那么长的英文的

有时候url会这么长的

No3在上个帖子中说

引用:

text-overflow功能不错，但它是IE私有标签，而且支持的只有IE6或以上版本。

说这句话时，你在firefox里验证过了吗？

纵向的可以用overflow-y:hidden吧。
英文换行用word-break:break-all

我也不知道在哪些浏览器里不管用，反正ie6里是可以的。