<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.css
{
width: 100px;
border: 1px red solid;
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis; /*超出文本用...代替*/
white-space: nowrap; /*强制不换行*/
}
</style>
</head>
<body>
<div class="css">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa;
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.css
{
width: 100px;
border: 1px red solid;
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis; /*超出文本用...代替*/
white-space: nowrap; /*强制不换行*/
}
</style>
</head>
<body>
<div class="css">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa;
</div>
</body>
</html>