2024-11-04background-image:linear-gradient(red 50px,yellow 100px,green 150px)调整开始渐变的位置，0-50px是纯红，50-100px渐变，100px纯黄，100-150px渐变，150px和150之后纯绿。white-space：normal/pre/pre-wrap(在pre基础上，超出元素边界自动换行)/pre-line(pre-wrap基础上，只识别换行，空格会忽略)/nowrap（强制不换行）

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

2024-11-02Border-radius 添加圆角边框。注意属性不包括内边距，外边距，边框或外边框。字母行距（letter-spacing)注意：rgba是背景 总体颜色和透明度。重要的一个设置 ，试着学习and应用。（默认图形重复达到覆盖元素的目的）文字缩进（text-indent)字间距（word-spacing)注意 顺序 上右下左（顺时针 ）特定边框颜色（上 右 下 左）空白（white-space)w3school 在线教程。增加了不透明度 0.1-1。RGBA颜色值and透明度。

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

2024-09-03word-break 是一个 CSS 属性，用于控制文本在换行时的行为。它影响文本如何在块级元素中断行，尤其是在长单词或连续字符无法在正常换行点断开时的处理方式。word-wrap 是 CSS 的一个早期属性，用于控制长单词或 URL 是否在需要时被强制换行，以避免超出容器的宽度。文本会在正常的换行点（例如空格或连字符）断行，不会在单词内断行。描述：多个空格会被合并为一个，但文本不会换行，会一直显示在一行内，直到容器边界。描述：保留空格和换行符，但在需要时允许文本换行以适应容器的宽度。

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

2024-09-01本文介绍了如何使用CSS解决文本溢出问题，包括`white-space:nowrap;overflow:hidden;text-overflow:ellipsis;`等方法，并展示了在不同情况下的多行显示代码。同时提到了关注微信公众号的方式。

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

2024-08-27本文详细介绍了如何使用CSS样式实现文本单行和多行超出时的省略号效果，包括white-space属性、overflow和text-overflow属性的应用，以及弹性盒模型在多行显示中的关键设置。

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

2024-08-271、Css强制英文或数字自动换行2、让中文按关键词或标签换行3、Css强制中文不自动换行4、Css强制中文不自动换行并自动隐藏；5、Css中英文或数字的超出部分自动省略号…；6、Css中word-wrap、word-break、white-space、overflow、text-overflow的用法讲解；_css 英文自动换行

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

2024-08-22文章介绍了在前端开发中遇到的用户数据包含多个空格但在页面显示时被压缩为一个空格的问题。作者提出了两种解决方案：一是使用CSS样式`white-space:pre`来保留空格；二是通过正则表达式替换空格为HTML实体字符` `。这两种方法都能有效解决空格显示异常的问题。

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

2024-08-21在网页设计中，控制文本不换行是常见需求，本文介绍了两种CSS方法：1) 使用white-space属性设置为nowrap；2) 使用overflow属性配合hidden、text-overflow: ellipsis和nowrap，实现文本不换行并隐藏超出部分。这些技巧适用于导航菜单、标语等场景。

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

2024-08-14本文详细解释了CSS中的white-space属性，探讨了normal、nowrap、pre-wrap和pre-line四种模式对文本换行的影响，以及它们在HTML中的应用。

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

2024-02-16单行文本溢出省略通常用于标题等文本显示，可以通过设置white-space和text-overflow属性实现。white-space属性：用来设置元素中的空白如何处理，默认值为normal，即会自动忽略多余的空格和换行符。当设为nowrap时，文本不会换行。text-overflow属性：用来控制溢出文本的显示方式，默认值为clip，即将溢出部分截去。当设置为ellipsis时，会显示省略号。_css 溢出隐藏

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