CSS解决无空格太长的字母,数字不会自动换行的问题
其实很简单,代码如下所示,注意 Style:
<div class="detail_title" style="word-break: break-all;"><%=StringUtil.toHTML(title) %></div>
默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,比如:
<div class="detail_title" style="word-break: break-all;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
这种形式,以前遇到的问题,现在发出来,有需要的朋友可以参考一下。
word-break: break-all;
就是强制断字的。
---------------------
作者:铁锚
来源:CSDN
原文:https://blog.csdn.net/renfufei/article/details/26972003
版权声明:转载请附上博文链接!
转载于:https://www.cnblogs.com/liaohongwei/p/9982635.html
CSS解决无空格太长的字母,数字不会自动换行的问题相关推荐
- 成功解决源路径太长,源文件名长度大于文件系统支持的长度。请尝试将其移动到具有较短路径名称的位置,或者在执行此操作前尝试将其重命名为较短的名称
成功解决源路径太长,源文件名长度大于文件系统支持的长度.请尝试将其移动到具有较短路径名称的位置,或者在执行此操作前尝试将其重命名为较短的名称 目录 解决问题 解决思路 解决方法 解决问题
- 小技巧-解决电脑文件名太长显示不完整问题
如图,在浏览电脑文件的时候,文件名太长的文件信息有时候显示不完整. 我们想要电脑显示出完整的文件信息,怎么办呢?我试验了一下,有以下三种方法. 1.直接用鼠标左右拖动属性行 | 的位置进行列宽调整. ...
- css取消a标签自动换行,css中a元素放长英文字母或者数字自动换行的解决
request .response和session的区别 request: 1.request.getParameter("key")接受的是来自客户登陆端的数据,接受的是post ...
- CSS 解决td里面内容太多把表格弄变形的原因,设置 自动换行。
CSS 解决<td>里面内容太多把表格弄变形的原因,设置 自动换行. 1 < style="word-break:break-all"> 例如div宽200 ...
- html div英文自动换行,div 实现长英文字母自动换行CSS
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 最佳CSS定义换行代码 .wrap { table-layout:fi ...
- win10 更新计算机时间,win10更新时间太长怎么回事_windows10更新时间太久解决教程...
在使用win10系统的时候,经常会需要电脑进行更新,而我们会发现每次更新都会耗时1-2个小时时间.让人等的不耐烦,遇到win10更新时间太长怎么回事呢?接下来给大家分享一下windows10更新时间太 ...
- 解决:删除文件夹提示指定的文件名无效或太长,无法删除
解决:删除文件夹提示指定的文件名无效或太长,无法删除 目标问题 解决方法 目标问题 在Windows系统删除一个含有大量文件的文件夹时(例如组件库),右键删除会提示指定的文件名无效或太长,无法删除. ...
- SyntaxHighlighter行号显示错误及代码太长无法换行解决办法
2019独角兽企业重金招聘Python工程师标准>>> SyntaxHighlighter是一个使用JavaScript编写的功能齐全的代码语法高亮的软件.如果一行代码或注释太长的话 ...
- echarts折线图不显示y轴值_Echarts 折线图y轴标签值太长时显示不全的解决办法
问题 先看一下正常的情况 再看一下显示不全的情况 所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况. 分析 先贴一 ...
最新文章
- mushroom 0.3 发布,metric for java 的方案
- jetty的Form too large异常解决方案
- 零基础如何入门数据分析?
- python爬虫吧-python爬虫-爬取百度贴吧帖子加图片
- Spring5的核心容器
- mo汇编指令_汇编指令大全
- html5登录界面源代码_最新版本尤娜博客已更新源代码(速拿!!!)
- 函数的梯度方向和切线方向_梯度是函数变化最快的方向
- (十)Hibernate的一对一关联关系
- Java连接HBase
- VS2013打包teamtalk
- linux centos安装配置prosody
- python input隐藏输入_python输入input
- Windows下安装Cygwin及包管理器apt-cyg(转)
- 人生如逆旅,我亦是行人——与余光中先生握一次手(一)
- android极简手机壁纸,极简桌面安卓版
- Android SIM 主要流程
- 实操《深入浅出React和Redux》第四期--react-redux
- Java截取视频生成Gif动图
- VDD、VBAT、VDDA、VREF+区别
热门文章
- IT运维面试问题总结-基础服务、磁盘管理、虚拟平台和系统管理
- CentOS源码安装消息队列ActiveMQ
- 关闭win7 透明化效果 aero
- datetime插入数据_量化学习:聚宽jqdatasdk对接vnpy的数据服务
- adb shell 运行时报错“adb server version (26) doesn‘t match this client (39); killing...“的解决方案
- 解决jquery下checked取值问题...
- js的异常处理 try catch
- 解决java使用Runtime.exec执行linux复杂命令不成功问题
- Linux oracle中文乱码的问题解决
- Laravel 5无法打开所需的bootstrap /../ vendor / autoload.php