一、
目前可被主流支持的:
text-overflow 主要解决文本溢出,
取值:clip[ 默认值 ] | ellipsis | string(仅支持Firefox)
配合 white-space : nowrap ; overflow : hidden 使用
二、
word-wrap
取值:normal [ 默认值 ] | break-word
--长单词换行
word-break
取值:normal [ 默认值 ] | break-all | keep-all
--非CJK("中日韩")脚本的断行规则
潜规则——默认情况下(不写任何样式情况下的显示规则):
①单词末尾放不下:另起一行,
②长单词过长且字母连续:不折断
③长单词过长且带破折号:保守折断
重点:下述常用的三种样式针对上述3种潜规则进行改进的区别
word-wrap:break-word 长单词过长且字母连续:吻合折断
[ 改② 潜规则 ①③不变]
word-break:keep-all 长单词过长且带破折号:不折断
[ 改③ 潜规则 ①②不变]
word-break:break-all 单词末尾放不下 :吻合折断
长单词过长且字母连续:吻合折断
长单词过长且带破折号:吻合折断
[最强:潜规则 ①②③全部改变]
保守折断是按一定格式折断,吻合折断是不留任何边界空白的折断
以上是使用CSS3文本换行的方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

这是我们在形式可访问性上进行的小型系列中的第三篇文章。如果您错过了第二篇文章,请查看“以:focus-visible的管理用户焦点”。在

CSS盒子阴影和轮廓属性获得了主题。让我们查看一些在真实主题中起作用的示例,以及我们必须将这些样式应用于WordPress块和元素的选项。

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

Dreamweaver CS6
视觉化网页开发工具

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具