div p标签内的文字排版
white--space取值如下
normal: 文本包含多个空格会被省略成一个,文本 遇到div边界<br>换行,对用户敲击的回车换行无效。
pre:文本内包含的空格被保留,文本超出div边界不换行 但遇到用户敲击的回车符或者br标签换行。
pre-line:文本内包含的空格将会被省略成一个,遇到div边界,用户敲击的换行符 <br>将换行。
pre-wrap:文本如果含有空格将保留,文本遇到div边界会自动换行 遇到br标签或者用户敲击的回车会自动换。
nowrap:文本内包含的空格将被省略到只剩一个 。强制文本在一行内显示即使溢出仍显示在一行,直到遇到<br>标签才换行。文本内用户敲击的回车字符也会被忽略。
div p块级标签的溢出截断
overflow:hidden 溢出直接隐藏
text-overflow:ellipsis 溢出的文本将被截断并添加省略号
div p内单个单词,URL溢出解决:word-wrap:break-word;
控制单词 和 字符的间距
word-spacing:10px 设置单词间距
letter-spacing:10px 设置字符间距 一个中文被认作一个字符