<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 50px;/*不允许出现半汉字截断*/
/*color:#6699ff;border:1px #ff8000 dashed;*/
}
</style>
</head>
<body>
<div class="css1">yangyakun杨亚坤前端 开发杨亚坤前端yang前端yangyakun杨亚坤</div>
<div class="css2">yangyakun杨亚坤前端 开发杨亚坤前端yang前端yangyakun杨亚坤户体验</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 50px;/*不允许出现半汉字截断*/
/*color:#6699ff;border:1px #ff8000 dashed;*/
}
</style>
</head>
<body>
<div class="css1">yangyakun杨亚坤前端 开发杨亚坤前端yang前端yangyakun杨亚坤</div>
<div class="css2">yangyakun杨亚坤前端 开发杨亚坤前端yang前端yangyakun杨亚坤户体验</div>
</body>
</html>