跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
word-break

4 篇文章
{
,

}
文章“更佳的长 URL 换行”的直接链接
连字符 换行 word-break word-wrap

更佳的长 URL 换行

CSS-Tricks 之前已经介绍过如何断开超出其容器的文本,但没有你想象的那么多。早在 2012 年,Chris 就撰写了“处理长单词和 URL(强制换行、连字符、省略号等)”,并且它仍然……

Avatar of Reuben Lillie
Reuben Lillie 于 2021 年 3 月 16 日
文章“换行位置复杂。以下是所有相关的 CSS 和 HTML”的直接链接
word-break

换行位置复杂。以下是所有相关的 CSS 和 HTML。

假设你在某个元素内的文本中有一个非常长的单词,而该元素的宽度不足以容纳它。一个常见的原因是长的 URL 进入了复制内容中。会发生什么?这取决于……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 4 月 24 日
文章“word-break”的直接链接
word-break 换行

word-break

CSS 中的word-break属性可用于更改换行符应出现的位置。通常,文本中的换行符只能出现在某些空格处,例如空格或连字符处……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 7 月 12 日
文章“处理长单词和 URL(强制换行、连字符、省略号等)”的直接链接
溢出 overflow-wrap 文本换行 word-break

处理长单词和 URL(强制换行、连字符、省略号等)

有时,非常长的文本字符串可能会超出布局容器。

例如

URL 通常不包含空格,因此它们通常是罪魁祸首。

以下是一个包含所有 CSS 参与者的代码段……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 7 月 25 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰写文章!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.