HTML设置文字不换行

Kevin_________

已于 2024-05-02 21:06:30 修改

阅读量1.1k

点赞数

分类专栏：前端基础文章标签： css html 前端

于 2021-09-23 00:41:20 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40167860/article/details/120425918

版权

前端基础专栏收录该内容

3 篇文章

订阅专栏

.text {
	word-break:keep-all; /* 设置单词不换行，保持整个单词在同一行显示 */
	white-space: nowrap; /* 设置文本不换行，保持在一行显示 */
	overflow: hidden;	/* 内存超出元素宽度时，隐藏超出的部分 */
	text-overflow: ellipsis; /* 内容超时元素宽度时，超出的部分显示为省略号（...），需与overflow属性一同使用 */
}