css强制换行

简介: css强制换行

一 强制换行

word-break: break-all; 只对英文起作用,以字母作为换行依据。
word-wrap: break-word; 只对英文起作用,以单词作为换行依据。
white-space: pre-wrap; 只对中文起作用,强制换行。

二 禁止换行

white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
white-space:nowrap; 禁止换行。
overflow:hidden; 是让多出的内容隐藏起来,否则多出的内容会撑破容器。
text-overflow:ellipsis; 让多出的内容以省略号...来显示。主要用于IE等浏览器,Opera浏览器用-o-text-overflow:ellipsis; 而Firefox浏览器没有这个功能,只能隐藏起来。


相关文章
|
前端开发 容器
CSS 强制英文、中文在一行时不需要换行
CSS 强制英文、中文在一行时不需要换行
98 0
|
1月前
|
前端开发
如何使用 CSS 防止换行
如何使用 CSS 防止换行
31 0
|
3月前
|
前端开发
技术经验分享:CSS之换行
技术经验分享:CSS之换行
46 0
CSS3 flex 布局在 wrap 换行模式下,让中间指定元素换行
CSS3 flex 布局在 wrap 换行模式下,让中间指定元素换行
1020 0
|
4月前
|
前端开发 容器
css英文文本不换行,css怎么实现英文不换行
css英文文本不换行,css怎么实现英文不换行
|
4月前
|
自然语言处理 前端开发 容器
深入研究 CSS 文本换行
深入研究 CSS 文本换行
100 0
|
10月前
|
前端开发
css实现强制不换行/自动换行/强制换行
css实现强制不换行/自动换行/强制换行
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
74 0
|
前端开发
css 实现标签内容多行截取(...)数字换行--英文--文字处理
css 实现标签内容多行截取(...)数字换行--英文--文字处理
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
95 0