关于span标签内文字自动换行
来源:互联网 发布:1080a最新x站免费域名 编辑:程序博客网 时间:2024/06/08 17:45
white-space – 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签
nowrap: 强制文本在一行,除非遇到br换行标签
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
例如想要换行设置:white-space: pre-wrap;
<span id="help-block" style="color: red; white-space: pre-wrap;"> Example help text here. </span>
在文本中添加“\n”就可以了, js 代码如下
var str = "Example " + "\n" + "help text here." ;
效果如下:
Example
help text here.
0 0
- 关于span标签内文字自动换行
- 关于span标签内文字自动换行
- 让Pre标签内的文字自动换行
- 解决文字过长,表格被撑大,自动换行,文字超出,切割(关于table内文字换行 )
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- <span>标签自动换行(全英文状态下)
- 让p 和 span标签自动换行的css语句
- Latex 表格内文字过长自动换行
- Latex 表格内文字过长自动换行
- 表格内的文字不会自动换行
- 关于CSS文字自动换行的总结
- 关于文字自动换行的问题
- 关于span不能设置宽度及span自动换行的解决方法
- 关于span不能设置宽度及span自动换行的解决方法
- span内文字垂直居中
- 解决容器内文字不自动换行的问题
- div内文字超过宽度时自动换行
- flex中设置Label标签文字的自动换行
- 学习嵌入式开发板的Android平台体系结构和源码结构
- 1.4竞品分析
- Linux下配置java环境
- linux系统调用、库函数和内核函数关系与区别
- springmvc整合poi导出报表
- 关于span标签内文字自动换行
- mysql 笔记1
- mybatis-generator 作为 gradle的一个task运行生成xml,dao,model
- 360 文档渲染ie7 兼容性解决 X-UA-Compatible
- Spring Task cron的表达式
- 虚函数与虚继承
- Git 常用命令总结
- UIKit和Core Graphics绘图——字符串,线条,矩形,渐变
- iOS最好用的引导页