当我们设置我的的div，或者其它文本框固定宽度之后，文本内容过多就会出文本溢出（显示在区域外面，不换行的情况）。 这时我们可以使用Css中的几个属于来解。有以下的三个属于可以解决问题： 1，word-break 属性规定自动换行的处理方法。 值 描述 ...

1.普通单行截断省略 overflow:hidden; 文字长度超出限定宽度，则隐藏超出的内容） text-overflow:ellipsis;（设置文字在一行显示，不能换行） white-space:no-wrap;（规定当文本溢出时，显示省略符号来代表被修剪的文本 ...

运行结果： 文本换行的一些样式属性： 1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文 ...

通常文本换行我们会使用word-break属性，有两个值供我们选择 那么如何区分这两个值呢，我们看图说话，你就明白了。 对于处理英文字符没有任何区别，但是好戏还在后头，处理一些特殊符号差别可就大了 你学会了吗？ ...

业务场景：dialog中嵌套的表单，实现信息展示，由于存储路径过长并且在一行显示，导致多出的文字出现在弹出框外面了，页面极丑，所以需要将存储路径实现自动换行。 技术点：<p style="word-break: break-word;"></p> ...

英文溢出不换行而中文溢出会换行 ，因为中文一个字就是一个字符浏览器知道有多少个字符，而英文字母 浏览器不知道整体是一个单词 还是由许多单词组成 ，就统一当成一个单词处理 所有就会溢出不换行了，但是在英文里面加了空格溢出就会换行了， 因为你已经标识出来了哪几个字母是组成一个单词 ，无论两个单词之间写 ...

1.为元素添加四个相同的圆角： 语法结构：border-radius：r； 　　　　　r为圆角的半径大小 eg:如下样式，给元素添加四个圆角为10px 　　 代码如下： 2 ...

...