首页 前端知识 css3设置文本了文本换行,但是全是数字不会换行问题

css3设置文本了文本换行,但是全是数字不会换行问题

2024-11-04 09:11:19 前端知识 前端哥 299 1 我要收藏

1.设置盒子宽高和设置文字换行

<div class="testDemo">
      2222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222
  </div>
.testDemo{
  width: 400px;
  height: 150px;
  border: 1px solid #000;
  white-space: pre-wrap;
  margin: 0 auto;
}

在这里插入图片描述
可以看到此时并没有换行,但是内容为中文时可以换行
在这里插入图片描述

2.设置word-break:break-all;属性使内容全是数字也换行

.testDemo{
  width: 400px;
  height: 150px;
  border: 1px solid #000;
  word-break:break-all;
  margin: 0 auto;
}

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19847.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!