span强制不换行
2024-09-06 09:01:13
<nobr>不换行内容</nobr>
无论多少文字均不希望换行显示,超出宽度的内容会显示不出来。
<div>
<nobr>
<span class="order">' + data.row.foreignName +'</span>
<span class="order" style="margin-left: 1rem;">EXCUTEID:' + data.row.execID +'</span>
</nobr>
</div>
想让超出宽度的内容显示出来:
样式加上white-space:pre-line;即可
white-space 属性设置如何处理元素内的空白。
pre-line 合并空白符序列,但是保留换行符。
效果:
html += '<div>';
html += '<nobr>';
html += '<span class="order">' + data.row.foreignName +'</span>';
html += ' <span class="order" style="margin-left: 1rem;white-space:pre-line;">EXCUTEID:' + data.row.execID +'</span> ';
html += '</nobr>';
html += ' </div> ';
想让超出div宽度后的内容自动换行:
在父div加上width: 280px;display:block;word-break: break-all;word-wrap: break-word;
html += '<div style="width: 280px;display:block;word-break: break-all;word-wrap: break-word;">';
html += '<nobr>';
html += '<span class="order">' + data.row.foreignName +'</span>';
html += ' <span class="order" style="margin-left: 1rem;white-space:pre-line;">EXCUTEID:' + data.row.execID +'</span> ';
html += '</nobr>';
html += ' </div> ';
<nobr>里嵌套<br>,在加br的地方就自动换行
效果:
<div>
<nobr>
<span class="order">' + data.row.foreignName +'</span>
<span class="order" style="margin-left: 1rem;width: 150%">EXCUTEID:<br>' + data.row.execID +'</br></span>
</nobr>
</div>
最新文章
- 【HanLP】HanLP中文自然语言处理工具实例演练
- ThreadPoolTimer -延迟执行, 周期执行
- js递归
- 一些asp.net使用
- cordova Process finished with exit code -1
- openvpn - unable to browse internet after connect to openVPN
- ADO.net参数化查询陷阱
- 多线程编程-- part 5.3 LockSupport
- Even Parity uva11464 模拟
- 基于物品的协同过滤item-CF 之电影推荐 python
- 云笔记项目-Spring事务学习-传播REQUIRES_NEW
- 【BZOJ2820】YY的GCD
- WebGoat 8安装、配置、使用教程(CentOS)
- oracle vm突然黑屏了
- Dbutils 连接数据库
- c++11 decltype
- 如何做windows server 2008 R2 的磁盘清理
- Markdown github 风格语法
- fileIO和OS操作文件和目录
- linux基础命令学习 (十一)系统管理命令
热门文章
- 谷歌浏览器chrome应用商店无法打开的解决方法
- 正则表达式[\w]+,\w+,[\w+]
- sql已经在视图展示的语句如何显示别的表中的内容而不改变原有的值
- 风变编程笔记(一)-Python基础语法
- C 库函数 - sprintf()
- LAMP+discuz网站搭建过程
- Common Subsequence POJ - 1458 最长公共子序列 线性DP
- 前端Yslow的23个优化原则
- 安装 centos8.1
- Wannafly Camp 2020 Day 1A 期望逆序对 - 概率期望