Python测试开发中,如何解决Django-189版本连续数字和英文导致的溢出问题?

2026-05-28 18:562阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计328个文字,预计阅读时间需要2分钟。

Python测试开发中,如何解决Django-189版本连续数字和英文导致的溢出问题?

前言:当文本内容是过长的连续数字或者过长的英文单词时,会超出容器的边框,导致字符重叠。

问题描述:HTML内容

前言

当文本内容是很长的连续数字或者很长的英文字符时,会超出容器的边框,导致字符重叠。

问题描述

html内容

Python测试开发中,如何解决Django-189版本连续数字和英文导致的溢出问题?

<div class="container">
<div class="row">
<div class="col-xs-6 col-md-6" style="background: rgba(158,174,76,0.14)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Resize your viewport or check it out on your phone for an example.</div>
<div class="col-xs-6 col-md-6" style="background: rgba(114,76,174,0.21)">22222222222222222222222222222222222223333333333333333</div>
</div>

</div>

出现的问题,连续的数字和英文不会自动换行

解决办法

这种情况对连续的字母和数字是不好用的,因为解析的时候会把它看成是一个单词。要解决问题必须强制折行

<div style="word-break:break-all;word-wrap:break-word;">

或者在head头部设置全局样式

<style>
div {
word-break: break-all;
word-wrap: break-word;
}
</style>

添加后实现效果




本文共计328个文字,预计阅读时间需要2分钟。

Python测试开发中,如何解决Django-189版本连续数字和英文导致的溢出问题?

前言:当文本内容是过长的连续数字或者过长的英文单词时,会超出容器的边框,导致字符重叠。

问题描述:HTML内容

前言

当文本内容是很长的连续数字或者很长的英文字符时,会超出容器的边框,导致字符重叠。

问题描述

html内容

Python测试开发中,如何解决Django-189版本连续数字和英文导致的溢出问题?

<div class="container">
<div class="row">
<div class="col-xs-6 col-md-6" style="background: rgba(158,174,76,0.14)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Resize your viewport or check it out on your phone for an example.</div>
<div class="col-xs-6 col-md-6" style="background: rgba(114,76,174,0.21)">22222222222222222222222222222222222223333333333333333</div>
</div>

</div>

出现的问题,连续的数字和英文不会自动换行

解决办法

这种情况对连续的字母和数字是不好用的,因为解析的时候会把它看成是一个单词。要解决问题必须强制折行

<div style="word-break:break-all;word-wrap:break-word;">

或者在head头部设置全局样式

<style>
div {
word-break: break-all;
word-wrap: break-word;
}
</style>

添加后实现效果