css 英文或数字溢出问题

连续的输入英文或者是数字，就会产生这个问题。如果正常的中文就不会产生这种问题。

连续英文算作一个单词。

解决办法：CSS里填加 word-wrap:break-word;

/* 单行溢出 */
.single-row{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
/* 两行溢出 */
.double-row{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;
}

css 英文或数字溢出问题相关推荐

css怎么控制两个字母,css英文字母数字自动换行且不断词方法
本文章来给各位同学介绍css怎样让英文字母数字自动换行且不断词方法总结,有需要了解的同学可进入参考. 当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容器,不会自 ...
word-break|overflow-wrap|word-wrap——CSS英文断句浅析
---恢复内容开始--- word-break|overflow-wrap|word-wrap--CSS英文断句浅析一问题引入今天在再次学习 overflow 属性的时候,查看效果时,看到如下结 ...
web前端培训：CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
解决英文或数字在HTMl网页中不自动换行。
对于网页设计的新手而言,在接触一段时间的HTML/CSS后,一定会遇到这样的问题:对于已经定义了宽度的容器(如DIV,TD,段落等)如果里面出现了较长的英文或数字,则内容不能自动换行然后会将框架撑出设 ...
css英文文本不换行,CSS样式表让英文文本自动换行
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是CSS如何将他们自动换行的方法!对于Div和table以及不同的浏览器,实现css自动换行的方法都稍有不同,下面分别介绍: ...
生成随机字符串,包含英文和数字,可指定长度
嗯,第一次写博客啊,心情略激动,本人也是菜鸟一枚,也不知道分享一些什么,前两天有同学问我怎么随机输出英文数字混合的字符串,花了十来分钟写了一个小方法,希望能帮助到大家,,我就不打行号了,,以前复制粘贴 ...
js控制文本框仅仅能输入中文、英文、数字与指定特殊符号
JS 控制文本框仅仅能输入数字 <input οnkeyup="value=value.replace(/[^0-9]/g,'')"οnpaste="value=v ...
数字溢出为啥程序出错
数字溢出为啥程序出错 public class test2 {public static void main(String[] args) {int max = Integer.MAX_VALUE;i ...
提取文件出错_提取中文、英文和数字，其实很简单
小伙伴们好啊,日常工作中,很多小伙伴都会遇到一些不规范的数据,很多小伙伴对字符串的提取问题也是头疼不已,今天咱们就分享一期关于字符串提取的内容.一.提取字符串中的英文先来看下面的数据,是一些混到一起的 ...

css 英文或数字溢出问题

css 英文或数字溢出问题相关推荐

最新文章

热门文章