width:150px;/*要顯示文字的寬度*/ overflow:hidden; /*超出的部分隱藏起來。*/ white-space:nowrap;/*不顯示的地方用省略號...代替*/ text-overflow:ellipsis;/* 支持 IE */
<html> <head> <style type="text/css"> div { width:250px;/*要顯示文字的寬度*/ overflow:hidden; /*超出的部分隱藏起來。*/ white-space:nowrap;/*不顯示的地方用省略號...代替*/ text-overflow:ellipsis;/* 支持 IE */ } </style> </head> <body> <div> 這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。 </div> </body> </html>
效果：
