2024-04-15最近在整理公司的hybrid协议和demo，其中有一个代码展示，因为是直接把在js部分的代码通过vue填到了html中，所以格式全变了，然后就开始尝试，写了很多方法，也百度了很多，那些方法使用document.write()输出就是想要的格式，但一使用vue的filter返回就不管用，最后偶然发现了一个超级nb的属性：white-space: pre-wrap;。。**nowrap 文本不会换行，文本会在在同一行上继续，直到遇到标签为止**。。。。

https://www.qianduange.cn//article/4942.html 分类：前端知识

2024-02-23pre-wrap：保留空白符序列，但是正常地对待换行符。pre-line：合并空白符序列，但是保留换行符。inherit：规定应该从父元素继承white-space属性的值。pre：空白会保留。文本内的换行会被显示，其他空白会被保留。nowrap：文本不会换行，文本会在在同一行上继续，直到遇到。white-space属性的值有5个：normal，pre，pre-line，pre-wrap，inherit。white-space属性指定元素内的空白应该如何处理。2、white-space属性的值。_html 空格不显示

https://www.qianduange.cn//article/2521.html 分类：前端知识

2024-02-05在上面的代码中，我们将文本内容放在一个200像素宽的容器中，并设置text-overflow为ellipsis（表示使用省略号来处理文本内容的溢出），white-space为nowrap（表示不允许文本进行换行），overflow为hidden（表示当文本内容超出容器宽度时，隐藏超出部分）。其中，white-space属性用于控制文本如何进行换行，而overflow属性用于控制当文本内容超出容器限定宽度时的显示方式。这时候，就需要使用text-overflow属性来处理文本内容的溢出问题。_css怎么判断文字溢出了

https://www.qianduange.cn//article/1379.html 分类：前端知识

2024-01-29本文将详细介绍一些常用的CSS设置换行的方法，并提供相应的源代码示例。通过上述方法，你可以根据具体需求选择适合的CSS属性来实现文本的换行效果。希望这些示例代码能够帮助你更好地掌握CSS设置换行的方法。如果有任何疑问，请随时提问。"white-space"属性用于控制元素内空白字符的处理方式，其中包括换行符。"overflow-wrap"属性用于控制文本在容器边界处的换行方式。"word-wrap"属性用于控制长单词或URL地址的换行方式。"word-break"属性用于控制非中日韩文本的换行方式。_css换行

https://www.qianduange.cn//article/767.html 分类：前端知识

2024-01-29white-space 属性可以控制元素中文本的换行方式。word-break 属性可以控制单词在换行时的断开方式。：允许在单词内部断行，例如超出容器宽度时会将单词拆分为多行显示。（默认值）：文本自动换行，默认情况下会根据容器的大小自动换行。：保留原始的空白符（空格和换行符），文本按照源码中的格式显示。：保留原始的空白符，文本在遇到边界时会自动换行。：合并连续的空白符，文本在遇到边界时会自动换行。：尽量保持多字母语言的连续性，适用于东亚语言。：文本不进行换行，超过容器宽度时会溢出。_css换行

https://www.qianduange.cn//article/765.html 分类：前端知识

2023-05-14通过使用text-overflow和white-space属性来使文本在一行内显示，超出则加省略号，添加如下HTML代码：<p>前端开发博客专注前端开发和技术分享，如果描述超过100像素，

https://www.qianduange.cn//article/47.html 分类：前端知识