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

首页

web前端

html教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:56 AM

字母换行数字显示自动

在网页中，如果出现长数字或长的字母组合时，如果不加以控制，它就会破坏网页的布局，控制不好可能就会显示不全，照成显示的数据丢失。虽然这种字符串一般不会出现，但是不加以控制，被某些有心的人钻了空子，就可能破坏整个网页的布局，得不偿失，今天我就来解决下这个问题。

首先看一下是什么问题：

例如：

11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd

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

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

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

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

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

去掉后就会变成这样

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

没有变化，只是一大长条的数字，没有换行！

解决的方法是：在那一条长数字的外面加一个

标签就好了

请看解决后的ie的样子：

谷歌浏览器的样子：

完美解决！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

php怎么将16进制字符串转为数字Oct 26, 2021 pm 06:36 PM

php将16进制字符串转为数字的方法：1、使用hexdec()函数，语法“hexdec(十六进制字符串)”；2、使用base_convert()函数，语法“bindec(十六进制字符串, 16, 10)”。

iOS 17：如何在待机模式下更改iPhone时钟样式Sep 10, 2023 pm 09:21 PM

待机是一种锁定屏幕模式，当iPhone插入充电器并以水平（或横向）方向定位时激活。它由三个不同的屏幕组成，其中一个是全屏时间显示。继续阅读以了解如何更改时钟的样式。StandBy的第三个屏幕显示各种主题的时间和日期，您可以垂直滑动。某些主题还会显示其他信息，例如温度或下一个闹钟。如果您按住任何时钟，则可以在不同的主题之间切换，包括数字、模拟、世界、太阳能和浮动。Float以可自定义的颜色以大气泡数字显示时间，Solar具有更多标准字体，具有不同颜色的太阳耀斑设计，而World则通过突出显示世界地

笔记本电脑打不出1-9数字怎么办Feb 23, 2023 pm 05:19 PM

笔记本电脑打不出1-9数字是设置问题导致的，其解决办法：1、按下“win+r”打开运行输入cmd并回车；2、在命令提示符界面，输入osk并回车；3、点击虚拟键盘上的“选项”，并勾选“打开数字小键盘”；4、启动“numlock键”即可。

JavaScript中生成随机数字和字符串Sep 02, 2023 am 08:57 AM

生成随机数或字母数字字符串的能力在许多情况下都会派上用场。您可以使用它在游戏中的不同位置生成敌人或食物。您还可以使用它向用户建议随机密码或创建文件名来保存文件。我写了一篇关于如何在PHP中生成随机字母数字字符串的教程。我在这篇文章的开头说，几乎没有事件是真正随机的，同样的情况也适用于随机数或字符串生成。在本教程中，我将向您展示如何在JavaScript中生成伪随机字母数字字符串。在JavaScript中生成随机数让我们从生成随机数开始。我想到的第一个方法是Math.random()，它返回一个浮

C++程序将一个数字四舍五入到n位小数Sep 12, 2023 pm 05:13 PM

在任何语言中编写程序时，将数字表示为输出是一项有趣且重要的任务。对于整数类型（short、long或medium类型的数据），很容易将数字表示为输出。对于浮点数（float或double类型），有时我们需要将其四舍五入到特定的小数位数。例如，如果我们想将52.24568表示为三位小数，需要进行一些预处理。在本文中，我们将介绍几种技术，通过四舍五入将浮点数表示为特定的小数位数。在不同的方法中，使用类似C的格式化字符串、使用精度参数以及使用数学库中的round()函数是很重要的。让我们逐个来看。带有

使用C++编写代码，找到第N个非平方数Aug 30, 2023 pm 10:41 PM

我们都知道不是任何数字的平方的数字，如2、3、5、7、8等。非平方数有N个，不可能知道每个数字。因此，在本文中，我们将解释有关无平方数或非平方数的所有内容，以及在C++中查找第N个非平方数的方法。第N个非平方数如果一个数是整数的平方，则该数被称为完全平方数。完全平方数的一些例子是-1issquareof14issquareof29issquareof316issquareof425issquareof5如果一个数不是任何整数的平方，则该数被称为非平方数。例如，前15个非平方数是-2,3,5,6,

Java中的数字（带有0前缀和字符串）Aug 29, 2023 pm 01:45 PM

Java中的数字重要的是要理解数字类不是一个有形的类，而是一个抽象的类。在它内部，我们有一组定义其功能的包装类。这些包装类包括Integer、Byte、Double、Short、Float和Long。您可能会注意到，这些与我们之前讨论的基本数据类型相同，但它们表示为具有大写名称的单独类，以符合类命名约定。根据特定函数或程序范围的要求，编译器自动将原始数据类型转换为对象，反之亦然，并且数字类是java.lang包的一部分。此过程称为自动装箱和拆箱。通过掌握数字类及其对应的包装类的抽象性质，我们可以

在PHP中使用is_numeric()函数检查是否为数字Jun 27, 2023 pm 05:00 PM

在PHP编程语言中，is_numeric()函数是一种非常常用的函数，用于判断一个变量或值是否为数字。在实际编程中，经常需要对用户输入的数值进行验证，判断其是否为数字类型，这时就可以使用is_numeric()函数进行判断。一、is_numeric()函数简介is_numeric()函数是一个用于检测变量或值是否为数字的函数。如果变量或值为数字，则返回tru

See all articles