<style>
* {margin:0; padding:0; list-style:none; }
body{ font-family: 宋体; font-size: 12px;}
#box{width:200px;border:1px green solid;}
#box span{display:block;overflow:hidden;float:left;width:156px;*width:180px; white-space:nowrap; text-overflow:ellipsis; }
#box:after{content:"..."}
</style>
</head>
<body>
<div id="box"><span>我是文字,我很长很长很长很长很长很长很长很长很长1111111111111111111111111111111</span></div>
* {margin:0; padding:0; list-style:none; }
body{ font-family: 宋体; font-size: 12px;}
#box{width:200px;border:1px green solid;}
#box span{display:block;overflow:hidden;float:left;width:156px;*width:180px; white-space:nowrap; text-overflow:ellipsis; }
#box:after{content:"..."}
</style>
</head>
<body>
<div id="box"><span>我是文字,我很长很长很长很长很长很长很长很长很长1111111111111111111111111111111</span></div>