php 换行 html_总结html，css中的各种换行方法

在web开发中，可以使用html中的br标签进行换行，如果在一个文章里可以在文章需要换行的地方加入
即可实现自动换行-常说的小换行，与换行前没有间隔；使用

标签来实现大换行。也可以使用css属性来实现自动换行和强制换行，连续英文字母及数字换行使用css换行；如果遇到文章标题列表样式，希望不换行，也可以使用css样式属性来进行一些控制。这篇文章就是来聊一聊html，css中的各种换行。

可以先学习php中文网相关的免费课程

1. 学习《html 开发手册》中的
标签和

标签相关教程

html，css中的换行

换行，注意：只对英文有效

a、长单词换行

word-wrap :

normal : 默认，采用浏览器默认形式，不破坏单词结构

break-word : 破坏单词的结构

b 、文本换行

word-break:

取值：normal：

break-all : 破坏单词结构进行换行

keep-all : 在半角状态下的空格下进行换行

一般情况下，元素拥有默认的white-space:normal(自动换行，不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧，但有些测试人员是会这样子做的)，超过容器宽度时就会把容器撑大，不换行。

网页的外观是否美观，很大程度上取决于其排版。在页面中出现大段的文字，通常采用分段进行规划，对换行也有极其严格的划分。本节从段落的细节设置入手，使读者学习后能利用标签自如地处理大段的文字。

normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行

break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 语法： word-wrap : normal | break-word

文本换行其实是个非常常用但并不起眼的特性。你什么都不用设，浏览器自动就会换行。例如英语，浏览器会根据容器尺寸，选择在半角空格或连字符处换行。例如中文，浏览器会选择在文字或标点符号处换行。但有时遇到长单词或URL浏览器就没这么智能了，会出现撑破容器的现象，很难看.

相关问答

【相关推荐】