博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决浏览器显示长数字不能自动换行或长字母不能换行的问题
阅读量:6745 次
发布时间:2019-06-25

本文共 766 字,大约阅读时间需要 2 分钟。

原文:

首先看一下是什么问题:

例如:

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd

是不是把博客园的布局都给毁了??

 

然后分析一下这个问题的原因:

个人认为长数字和长字母被认为是一个单词,安道理,一个单词是不应该被分割的,要一直显示下去,被分割后就没人认识了,所以浏览器就不给你换行,照成布局被毁坏!

 然后我就在博客园的闪存那里试了下会不会出现这个问题,发现谷歌浏览器正常

看了下代码,是 word-wrap: break-word; 这句话起的作用,这句话的意思就是 内容将在边界内换行

去掉后就会变成这样

看来我们的问题已经解决了,但是ie浏览器就没有这么好了,请看下图:

没有变化,只是一大长条的数字,没有换行!

解决的方法是:在那一条长数字的外面加一个<p>标签就好了

请看解决后的ie的样子:

谷歌浏览器的样子:

完美解决!

转载地址:http://dpcho.baihongyu.com/

你可能感兴趣的文章
软件清单
查看>>
Django项目关闭debug模式后,静态文件无法加载的解决办法
查看>>
面试:用 Java 逆序打印链表
查看>>
关于高并发系统数据幂等的常用技术解决方案
查看>>
Android内存优化(三)详解内存分析工具MAT
查看>>
构建-13 Analyzer APK文件分析
查看>>
SQL Server事务遭遇网络异常时的处理机制浅析
查看>>
Intellij IDEA创建的Web项目配置Tomcat并启动Maven项目
查看>>
Android实现小圆点显示未读功能
查看>>
SpringMVC上传图片总结(1)---常规方法进行图片上传,使用了MultipartFile、MultipartHttpServletRequest...
查看>>
Oracle 实例名/服务名 请问SID和Service_Name有什么区别啊?
查看>>
Unity 导出NavMesh (可行走区域判定) 数据给服务器使用(转)
查看>>
Windows系统下安装zabbix客户端
查看>>
设计模式有感
查看>>
[Asp.net core]使用ssh命令发布asp.net core项目
查看>>
ES6 Promise用法讲解
查看>>
nginx 常用配置
查看>>
UFS和EMMC的区别--原理学习【转】
查看>>
爬虫体验
查看>>
64位weblogic11g安装
查看>>