1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 .css1{ 8 color:#6699ff;border:1px #ff8000 dashed; 9 margin-bottom:20px; 10 20em;/*不允许出现半汉字截断*/ 11 } 12 .css2 { 13 overflow: hidden; /*自动隐藏文字*/ 14 text-overflow: ellipsis;/*文字隐藏后添加省略号*/ 15 white-space: nowrap;/*强制不换行*/ 16 20em;/*不允许出现半汉字截断*/ 17 color:#6699ff;border:1px #ff8000 dashed; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="css1">你瞅啥，瞅你咋地，再瞅一个试试，试试就试试。</div> 23 <div class="css2">你瞅啥，瞅你咋地，再瞅一个试试，试试就试试。</div>
24 </body>
25 </html