CSS控制文字换行、裁剪css控制文字自动换行的实现方法html、css 禁止文字自动换行属性word-breakdiv+CSS设置一行内文字超过宽度不换行且不显示截断文字加...css固定宽度并且让最后一行文字换行css 解决英文字符与阿位伯数字自动换行 css是如何实现在页面文字不换行、自动换行、强制换行的方法

关于换行、裁剪的一些CSS属性

word-wrap: normal | break-word

normal 正常换行，内容可以撑破容器，例如长单词或者长数字的情况
break-word 以单词作为换行依据，如果需要，单词内部允许断行

word-break: normal | break-all | keep-all

normal 正常换行，内容可以撑破容器，例如长单词或者长数字的情况

break-all 以字母作为换行依据

keep-all 中英文下和normal相同

white-space: normal || pre || nowrap || pre-line || pre-wrap || inherit

normal默认值，空白会被浏览器忽略

pre 空白会被浏览器保留，其行为方式类似 HTML 中的

 标签
nowrap 文本不会换行，文本会在在同一行上，直到遇到 
 标签为止
pre-wrap 保留空白符序列，但是正常地进行换行(IE7-不支持)
pre-line 合并空白符序列，但保留换行符(IE7-不支持)
inherit规定应该从父元素继承 white-space 属性的值(IE不支持)
应用：
文字溢出显示省略标记（...）：
text-overflow: ellipsis;  
overflow: hidden;  
white-space: nowrap;  
文字换行：
/* 以单词作为换行依据 */  
word-wrap: break-word;  
word-break: normal;  
/* 以字母作为换行依据 */  
word-break: break-all;  
文字强制不换行：
white-space: nowrap;  
以上所述是小编给大家介绍的CSS控制文字换行、裁剪，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况浅析CSS中单位px、rem、em、vh、vw之间的区别CSS 中px、em、rem、%、vw、vh单位之间的区别详解CSS3移动端vw+rem不依赖JS实现响应式布局的方法浅析rem和em和px vh vw和% 移动端长度单位如何利用vw+rem进行移动端布局
                                                                
下一篇：深入理解css中的margin属性（推荐）CSS重要属性之 margin 属性知识大整合(必看篇)CSS margin全面了解浅谈css margin重叠CSS 之margin知识点(必看)细说CSS中margin属性的使用 深入解析CSS中margin属性的使用CSS中使用负margin值来调整居中位置css的margin collapsing导致最上面会出现一个横条css行内元素padding,margin,width,height没有变化css中padding和margin的异同点介绍