css3 文本长度 宽度 |css属性值详解

/* 设置文本长度 */
.text {
overflow: hidden; /* 超出长度的文本隐藏 */
text-overflow: ellipsis; /* 超出长度的文本显示省略号 */
white-space: nowrap; /* 文本不换行 */
}
/* 设置宽度 */
.width {
width: 100px; /* 宽度为100px */
}

通过overflow和text-overflow属性，大家可以限制文本的长度，并且显示省略号，让显示更加简洁美观。同时，white-space属性能够限制文本在一行内显示，防止换行。

宽度的设定同样非常简单，只需要使用width属性即可。大家可以设定百分比或具体像素值，从而实现页面宽度的变化。

总的来说，CSS3的文本长度和宽度控制是非常实用的特性，能够帮助大家更好地控制网页排版，达到更加美观的效果。