首页 前端知识 CSS——css 文字自动换行方法

CSS——css 文字自动换行方法

2024-03-21 15:03:23 前端知识 前端哥 377 69 我要收藏

方法一 word-break 属性规定自动换行的处理方法

值——>描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

#wrap {
  word-break: break-all;  
  // 设置当前换行宽度
  width: 200px; 
}

方法二 word-wrap 属性允许长单词或 URL 地址换行到下一行。

值——>描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

#wrap {
  word-wrap: break-word;
   // 设置当前换行宽度
  width: 200px;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4014.html
标签
评论
发布的文章

jQuery和CSS选择器的使用

2024-04-15 09:04:55

HTML前端表单校验的方法

2024-04-15 09:04:46

使用jQuery写一个注册界面

2024-04-15 09:04:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!