html/css实现文字自动换行,超出部分出现(...)
16lz
2021-01-22
PS:这是我在别人博客copy下来的
做前端的我们都会发现这样一个问题,当你控制文字出现多行时,而这多行是有限制的(比如超出部分隐藏不显示),而这多行文字如果全部是数字或者字母抑或是数字和字母的组合时,你会发现这些文字不会自动换行,如果控制的不对,它有可能冲出父元素…
原因是:
英书字母之间如果没有空格,系统以为是一个单词,就不会BUTO换行。汉字就没有这种情况。
-
一行文字
当有一行文字的时候,如果想让超出部分出现(…),可以这样写:
.wrap{
overflow:hidden;
text-overflow:ellipsis;更多相关文章
- 在HTML标签中显示很长一段文字,显示两行,多余部分显示省略号,这个怎
- html5 svg 第八章 文字text
- 如果鼠标在图片上,如何在图片上获取文字?
- 值得收藏的正则表达式(匹配中文字符、匹配双字节字符、匹配HTML标
- TextView显示html样式的文字
- 用JavaScript实现两种功能:1、切换全选/全不选文字;2、根据选中个
- 采集资源的方法(文字,图片) [图片]
- php实现完整版验证码(数字+大小写字母+干扰素)
- php使用gd库将文字转换成图片