{white-space:normal}当定义的宽度之后自动换行
分析如下：
html
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
css
#wrap{white-space:normalwidth:200px}
1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word 或者word-break:break-all实现强制断行
#wrap{word-break:break-allwidth:200px}或者#wrap{word-wrap:break-wordwidth:200px}
2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-allwidth:200pxoverflow:auto}
扩展资料：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
编程工具
记事本：使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。
Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。
工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。
参考资料来源：百度百科：CSS （层叠样式表）
强制换行word-break: break-all 只对英文起作用，以字母作为换行依据。
word-wrap: break-word 只对英文起作用，以单词作为换行依据。
white-space: pre-wrap只对中文起作用，强制换行。
一楼回答的是一个办法，不过我想你的问题并非这样。正常情况下只要你给了宽度都是会自动换行的。如果我没有猜错，你测试输入文字的时候全是输入的英文字线，并且英文字母之间没有空格。现实生活中是不可能有那么长的英文单词的。你加上
overflow:hidden
然后加上一楼给你的，这个其实也可以不用。
