原因：
当我们为div标签声明了宽度，当文本内容为连续字母或者纯数字的时候会出现文本越界的情况。原因是由于：浏览器在解析我们页面的时候，将这一串数字当成一个词了，这样就不会自动切断字符串而进行换行。
解决方案：
1.word-wrap: break-word; 内容将在边界内换行。如果需要，单词内部允许断行
word-break: normal;
2.word-break: break-all;该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字母间断行。
相比较于上面的方法，这种方法的好处在于假如在宽度的范围内的临界区存在一个完整的单词，它会保留一个完整的单词自动换行 。
原因：当我们为div标签声明了宽度，当文本内容为连续字母或者纯数字的时候会出现文本越界的情况。原因是由于：浏览器在...
**问题：**最近遇到个问题。在table中设置文字不换行，且溢出显示"..."。 发现如果div不设置宽度（或这...
block:默认宽度为父元素宽度，可以设置宽高，换行显示 inline: 默认宽度为内容宽度，不可设置宽高，同行显示。
Display属性 block默认宽度为父元素宽度可设置宽高换行显示 inline默认宽度为内容宽度不可设置宽高同...
一、用css实现div水平垂直居中。 方法一：设置div的宽度和高度，然后设置div为绝对定位，距离页面窗口左边框...
长英文换行 在css中 div，p，h标签等遇到连续的大段英文和数字时候，并不会按照正常情况下自动随盒子宽度限制而...
规则 某div不设置宽度，那么width默认为auto. 某子元素div的width为100%（或者设置为等于父元...
white-space:normal; word-break:break-all;
当设置了父元素的宽度，子元素设置宽度为100%后再在加上子元素上添加padding或margin值就会溢出。举个例...
以上截图，代码中名为类型：的 div标签设置宽度90px。但是在展示时宽度为74.94px。 表面原因: 截图中父...
本文标题：css为div设置了宽度，内容为连续数字或字母时溢出不换行的原因
本文链接：https://www.haomeiwen.com/subject/zmubaftx.html
网友评论