<style>
.box {
width: 50px;
height: 50px;
margin: 100px auto;
background-color: red;
/*文字显示不开自动换行 */
/* white-space: normal; */
/*1. 文字显示不开,强制显示在一行 */
white-space: nowrap;
/*2. 溢出的部分隐藏起来 */
/* overflow: hidden; */
/* 3.溢出的部分省略 */
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class="box">
这是一段不知道什么意思的文字奥萨蒂好歹上帝撒旦您
</div>
</body>