紫影基地

 找回密码
 立即注册
查看: 144|回复: 0

[CSS] css 自动换行

[复制链接]
阅读字号:

2001

主题

2116

帖子

21万

积分

超级版主

Rank: 8Rank: 8

积分
210086
发表于 2024-4-28 10:24:08 | 显示全部楼层 |阅读模式

CSS中可以使用word-wrap和overflow-wrap属性来实现自动换行。通常,可以将这些属性设置为break-word值,以确保单词在必要时可以跨行断开。

.auto-wrap {
  word-wrap: break-word; /* 旧版浏览器支持 */
  overflow-wrap: break-word; /* 标准属性 */
}
HTML中使用该类:

<div class="auto-wrap">
  这是一段很长的文本,它将在容器的边界处自动换行,即使单词非常长,也会进行断词。
</div>
这段代码将确保.auto-wrap类中的文本在容器宽度限制达到时自动换行,即使单词很长。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|紫影基地

GMT+8, 2025-1-12 09:00 , Processed in 0.083471 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表