css缩小窗口div自动换行，css自动缩小字体

急,问个css的div自动换行的问题?

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的 标签中，将外层的table改为p，新增css代码：p{width：300px；}table{float：left；}。

2、CSS代码：#wrap{white-space：normal； width：200px； }。DIV代码：div ddd1111111111111111111111111111111111/div。可以实现文字自动换行。

3、如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。

4、兄弟，正常字符（汉字，或汉字和字母）的换行应该是没什么问题的，\x0d\x0a我估计你的问题是连续的数字和英文字符不换行。

相关问答

Q1: 如何设置div中的文字自动换行

首先新建一个p，写上连续的英文字母和数字，默认情况下连续的英文字母和数字不会换行；然后给p添加一个css样式word-wrap：break-word即可，break-word将产生强制自动换行的效果。

CSS代码：#wrap{white-space：normal； width：200px； }。DIV代码：div ddd1111111111111111111111111111111111/div。可以实现文字自动换行。

如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。

break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。keep-all，是指Chinese， Japanese， and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。

其实没必要的，实际运用中不会有这样的问题，因为你的ddd...是没有空格的，浏览器会把它当成一个单词来处理，所以才会把DIV撑爆，而实际上是没有任何单词会这么长的，你复制一段英文文章进去看看，应该是可以自动换行的。

Q2: 内容超出div宽度后自动换行的css代码

1、如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。

2、CSS代码：#wrap{white-space：normal； width：200px； }。DIV代码：div ddd1111111111111111111111111111111111/div。可以实现文字自动换行。

3、css文字强制换行的方法，用word-wrap属性 在默认情况下，如果文本的内容超过某个div块的宽度的话，就会发生自动换行，因为div块的white-space属性的默认值是normal。

4、在index.html中的 标签中，将外层的table改为p，新增css代码：p{width：300px；}table{float：left；}。浏览器运行index.html页面，此时表格们实现了每3个自动换行。

关于css缩小窗口div自动换行和css自动缩小字体的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。