拯救文本于“挤成一团”：关于 CSS hyphens 属性的碎碎念 最近，我沉迷于 CSS 的一个小小属性，它不起眼，很少被提及，却拥有着化腐朽为神奇的力量——hyphens。一开始，我甚至不知道它的存在，直到有一天，我被一段挤成一团，毫无美感的文字狠狠地伤害了眼睛。那段文字就像一群参加挤地铁大赛的文字，拼命地想要塞进狭小的容器里，结果就是彼此推搡，面目狰狞。 于是，我开始寻找拯救之道。Google 大神告诉我，hyphens 或许能帮到我。抱着死马当活马医的心态，我尝试了一下。然后，奇迹发生了！那些原本挤成一团的文字，竟然优雅地舒展开来，就像参加完瑜伽课一样，身姿曼妙，呼吸顺畅。 那一刻，我感觉自己发现了一个新大陆，一个属于精致排版的新世界。 hyphens，顾名思义，就是控制文本在容器边缘自动断字的属性。它可以有三个值：none、manual 和 auto。none 是默认值，意味着不进行断字。manual 允许你通过软连字符（­）来手动控制断字的位置。而 auto，则是本文的主角，它让浏览器自动决定在哪里断字。 你可能会说：“断字而已，有什么大不了的？不就是加个连 …