css如何利用white-space
对文字强制不换行/超出自动换行,下面编程教程网小编给大家详细介绍一下代码!
强制换行
word-break:break-all;//英文
white-space:pre-wrap;//中文
强制不换行
white-space:nowrap;
说明介绍:
word-break:break-all;只对英文起作用,以字母作为换行依据
word-wrap:break-word; 只对英文起作用,以单词作为换行依据
white-space:pre-wrap; 只对中文起作用,强制换行
white-space:nowrap; 强制不换行,都起作用
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现
以上是编程学习网小编为您介绍的“css如何实现文字强制不换行(自动换行)”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css如何实现文字强制不换行(自动换行)
基础教程推荐
猜你喜欢
- JQ判断重置单选按钮radio为空 2022-10-29
- Vue element ui用户展示页面的实例 2023-07-09
- 微信小程序 Page()函数详解 2024-01-04
- JavaScript实现为input与textarea自定义hover,focus效果的方法 2024-03-10
- input file上传 图片预览功能实例代码 2024-01-08
- JavaScript中计算网页中某个元素的位置 2024-02-10
- 浅谈解决space-evenly兼容性问题的两种方法 2024-04-09
- 大学生网页设计作业的20款优秀HTML5制作工具 2023-10-28
- layui formSelects实现下拉框select多选,并且编辑时候回显 2023-11-30
- JavaScript创建一个欢迎cookie弹出窗实现代码 2024-03-22