1 Star 1 Fork 8

张德政 / vue_basic

forked from xxll / vue_basic 
 / 详情

数字不换行问题

待办的
拥有者
创建于  
2022-05-13 11:07

该问题是怎么引起的?

输入图片说明

评论 (1)

张德政 创建了任务

flex:8下设置word-wrap:break-word;不生效

应该
width:80%;再设置word-wrap:break-word;即可让数字换行生效

原因flex:8声明了弹性盒子可由内容撑开,虽然写了flex:8,但不一定是80%,文字过长时会被撑开。
例子

            <div class="d-flex align-center" style="width:80%;flex-shrink:0;padding: 6px">
              <span style="width:100%;word-wrap:break-word;">
                {{ item.remark || '--' }}
              </span>
            </div>

输入图片说明

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(1)
7484906 zhang dezheng hsr 1646372921
1
https://gitee.com/zhang_dezheng_hsr/vue_basic.git
git@gitee.com:zhang_dezheng_hsr/vue_basic.git
zhang_dezheng_hsr
vue_basic
vue_basic

搜索帮助

344bd9b3 5694891 D2dac590 5694891