span 文本内容超过宽度自动换行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;}

white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签
nowrap: 强制文本在一行,除非遇到br换行标签
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
inherit: 继承
初始值: normal
继承性: 是
适用于: 所有元素
white:白色.space:间隔,距离

转载于:https://www.cnblogs.com/telwanggs/p/4916795.html

span 文本内容超过宽度自动换行相关推荐

html span 宽度自动换行,span 文本内容超过宽度自动换行
span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;over ...
原生JS动态计算输入框文本内容的宽度，当内容宽度超过输入框的宽度时可控
需求场景:左边输入框输入内容,右边输入框用placeholder展示,当placeholder的内容宽度超过右边输入框的宽度时,placeholder强行替换为"请选择" 注意事项 ...
表格的td内容超过宽度后自动换行
##表格td内容自动换行 1和2都行 1.normal="normal" 2.style="word-wrap:break-word;word-break:break- ...
python显示html内容自动换行_canvas绘制文本内容自动换行
原型要求: 要求制作一个邀请卡页面,其中标题字数是动态的,最多可显示2行,如果超出2行则第2行内容结尾添加省略号.根据产品妹子的性格,四行这个设置到时很大机会改,所以这里一定不能写死,结果前几天真的要 ...
跨平台应用开发进阶(五十一)：HTML5（富文本内容）连续数字、字母不自动换行问题分析及解决
文章目录一.前言二.问题分析三.解决方法 3.1 对 input 标签设置 3.2 对 input 标签内的 p 标签设置四.延伸阅读顶部状态栏穿透问题五.拓展阅读一.前言项目开发过程 ...
判断文本内容是否超过三行
判断文本内容是否超过三行 // 获取要判断内容文本框的高度 let containerLength = $('指定内容文本框').height(); let lineHeight = parseInt ...
div超出不换行_div+CSS设置一行内文字超过宽度不换行且不显示
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加"..."的做法. 一般的文 ...
css文字超出宽度自动换行
CSS文字超出宽度自动换行[转] word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需求来决定要不要*/ 目录 ...
table中的内容超过2行自动显示Tooltip
当我们在table中的某列内容过多时,会撑开td的高度,导致非常的难看本文介绍的是,当内容超过两行时,超出的部分用 - 代替,并且鼠标悬浮时,会显示出所有的内容但是当内容未超过两行时,鼠标悬浮时不 ...

span 文本内容超过宽度自动换行

span 文本内容超过宽度自动换行相关推荐

最新文章

热门文章