解决浏览器显示长数字不能自动换行或长字母不能换行的问题

原文:解决浏览器显示长数字不能自动换行或长字母不能换行的问题

首先看一下是什么问题:

例如:

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd

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

 

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

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

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

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

去掉后就会变成这样

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

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

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

请看解决后的ie的样子:

谷歌浏览器的样子:

完美解决!

时间: 2024-10-28 03:26:49

解决浏览器显示长数字不能自动换行或长字母不能换行的问题的相关文章

平板手机如何解决浏览器显示颜色不正确?(P5200,P5210)

1.在任何页面下屏幕颜色都不正常. : 检查是否设置为全系统显示为负色. 请检查并关闭全系统的负色功能,请按以下步骤操作: 1.在待机桌面下,点击[应用程序].    2.点击[设定].   3.向上滑动屏幕,点击[辅助功能],将[负色]的"对钩"去掉即可.     2.仅是在浏览器页面下颜色显示不正常. : 建议您关闭浏览器的负色效果. 关闭浏览器负色效果的方法,请您按以下步骤进行操作: 1.在待机桌面下,点击[应用程序].    2.点击[互联网].   3.点击[菜单]键,选择[

网页字体在不同浏览器显示不同结果

网站中常用见的字体就是"宋体".但现在很多电子商务网站都会有标价,这就涉及到了符号和数字,然后品牌和内容中又会有英文和字母,这就又涉及到英文字体,光用"宋体"会不协调.因为"宋体"本身是为中文字符设计的,符号.数字和英文.字母当然也应该使用英文字体来定义显示才会更合适. 前几天做一个项目我们决定使用 font-family:Verdana,Tahoma,Arial,\5b8b\4f53(宋体),sans-serif 的字体显示顺序(先别管合理不合

myeclipse内置浏览器 显示空白

问题描述 myeclipse内置浏览器 显示空白 1.问题描述 myeclipse内置浏览器访问网页时显示空白. 如果是在浏览器(比如,谷歌.火狐.IE11)里面访问都没有问题. 2.需求描述 我们做的项目是基于高德地图的GIS web程序,然后,这个GIS项目被嵌套在一个c#软件里面. 嵌套的意思是,在c#软件里调用IE内核来访问 地图程序.现在的问题就是,访问网页时页面是空白. 另外,一开始在C#软件里面访问的时候,会出现2种错误,而且会弹出对话框错误信息, 1)报错信息:JS"缺少标识符

最近经常见到有人问长英文不自动换行的问题,里面是我写的一个函数,供大家参考

参考|函数|问题 一段没有空格的长英文,系统会认为它是一个单词,为了保持单词的完整性不会自动换行.其实这种情况不处理也可以,因为在实际应用中除了测试或有人捣乱不会出现这种情况,不过为了以防万一吧,我几个月前写了下面这个函数,只是一种权宜之计,为了对付恶意破坏者.  '------------------------------------------------- ' '  function name: autowrap ' ' '  description : 解决长英文不自动换行的问题 '

七段数码显示的数字时钟

摘要 绝大多数的电子产品都使用了七段数码显示,如果软件也能模拟出这种效果该有多好?在本文之前,VC知识库在线杂志曾有两篇文章介绍过如何实现这种效果,有一篇的实现方法较为简单,但绘出的数字不够逼真,而另一篇实现的效果虽然逼真,但必须依赖位图资源,并且无法设置前景色和背景色等.笔者经过仔细的研究与试验,终于找到了较好的解决办法.本文将详细讲述七段数码显示的数字时钟的实现. 关键字 七段数码显示 数字时钟 实现原理 我们知道,时钟的显示由时.分.秒及冒号组成,因此我们可以用以下函数来实现:DrawHo

如何用!important解决浏览器兼容性问题

"!important"是什么? 第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器.,比如id为"Main"的div在它的Class设背景色为红色,,id选择器下又设了背景色为蓝色,照css的"就近原则",它的背景色应该是红色了,因为id选择器的优先级高于class选择器,但是,一旦class里设了"!important",哈哈,id,一边去吧..我背景颜色要优先显示class

XP系统下IE浏览器显示的字体效果问题

  XP系统下IE浏览器显示的字体效果问题          说到这个效果,唯独WIN7以上的系统,IE8以上版本才能很好不需要图片展示出来,为了兼容IE6和IE7,经过数小时测试,只好采用背景图. 字体在IE6/IE7/IE8/Chrome下的测试效果如下图: 在原版的XP系统下,IE6和IE7对于字体支持似乎不是特别的好.上次提到过中文字体似乎对于中文标点都不能正常显示出来,更不要提英文字符对汉字的支持了.正是这个原因上期的背景图解决IE6和IE7字符替换问题费了很大的 功夫,这次简要总结一

c++-在其他窗口显示自定义数字

问题描述 在其他窗口显示自定义数字 请教各位大侠,如何在游戏界面内(别人的程序窗口)任意位置显示自定义的数字呢? 原界面是这样 添加我自己自定义的数字后 请各位大侠不吝赐教.能提供个解决思路么?我应该从哪方面入手呢?能提供相关网文或者搜索关键词么? 原谅我没有C币,不能悬赏. 解决方案 不是不能,而是不想!!! 没有C币不是问题,C币可以充值的,只要有 RMB 就行! 解决方案二: 界面_显示自定义窗口Flex自定义Alert窗口显示位置

MyXls导excel遇到长数字,自动变成科学计数法了,能不能有办法自动生成字符串型?

问题描述 MyXls导excel遇到长数字,自动变成科学计数法了,能不能有办法自动生成字符串型?求教了 解决方案 解决方案二:在特殊列的数据前加个符号就可以了,比如加个'解决方案三:我也试过,但是导出的excel会显示单引号',能不能自动隐去这个单引号?