<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>css文字截斷____dowhatyouwant</title> <style> body{ background-color:#f4f4f4; font-size:12px; } .text-overflow{ width:200px; height:50px; border:1px solid red; border-top:4px solid red; padding:10px; overflow:hidden; /*內容超出寬度時隱藏超出部分的內容 */ text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/ white-space:nowrap; /*不換行 */ } </style> </head> <body> <div class='text-overflow'>我來測試一下這個文字截斷是不是真的有效果我來測試一下這個文字截斷是不是真的有效果我來測試一下這個文字截斷是不是真的有效果我來測試一下這個文字截斷是不是真的有效果我來測試一下這個文字截斷是不是真的有效果我來測試一下這個文字截斷是不是真的有效果</div> </body> </html>