AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
## word-break 自动换行 normal 使用浏览器默认的换行规则 ![](https://box.kancloud.cn/a6991185d51df5022d4f3756e64b4aa7_292x106.png) break-all 允许在单词内换行(允许单词拆开显示) ![](https://box.kancloud.cn/75fa66fac8f5c5cbdac387e1a8fa4b28_348x114.png) keep-all只能在半角空格或连字符换行(不允许拆开单词显示). ![](https://box.kancloud.cn/2e336a0f205525f388ba6a794040b0bf_320x130.png) 有"-"连字符或者空格才会拆. 主要都是处理英文单词 ## white-space white-space 设置或检索对象文本显示方式.通常我们适用于强制一行显示内容,支持汉字 normal 默认处理方式 nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行. 比如标题,一般都是不换行的. ![](https://box.kancloud.cn/204582e9930c7ab08e6cca5b2870c037_462x98.png) ## text-overflow 文字溢出 text-overflow : clip | ellipsis 设置或检索是否使用一个省略标记(...)表示对象内文本的溢出 clip 不显示省略标记,而是简单的裁剪 ellipsis 当对象文本溢出时显示省略标记 记住,一定要首先强制一行内显示(white-space: nowrap;),再次和overflow属性搭配使用(overflow: hidden;). ![](https://box.kancloud.cn/112c98370f4e080a959da5f920632fd9_348x90.png)