Css 如果文本比div宽,如何在引导进度条内换行?

Css 如果文本比div宽,如何在引导进度条内换行?,css,bootstrap-4,Css,Bootstrap 4,默认情况下,进度条仅在具有一定进度的零件内部显示文本(如果进度为25%,则文本可仅与此1/4零件一起显示)。这可以通过空白:nowrap 当文本长度超过div时,如何在不使用js的情况下修复该情况,即如何应用类似height:auto的内容,以便将部分文本移动到新行 。我的案子{ 宽度:100px; 背景色:黑色!重要; } .修理{ 空白:nowrap; } 默认情况下 一些非常长的文本 我的案子 一些非常长的文本 进度条应设置为位置:绝对,高度:100%在位置内:相对的父级(我们的.pr

默认情况下,进度条仅在具有一定进度的零件内部显示文本(如果进度为25%,则文本可仅与此1/4零件一起显示)。这可以通过
空白:nowrap

  • 当文本长度超过
    div
    时,如何在不使用js的情况下修复该情况,即如何应用类似
    height:auto
    的内容,以便将部分文本移动到新行

  • 。我的案子{
    宽度:100px;
    背景色:黑色!重要;
    }
    .修理{
    空白:nowrap;
    }
    
    默认情况下
    一些非常长的文本
    我的案子
    一些非常长的文本
    
    进度条应设置为
    位置:绝对
    ,高度:100%
    位置内:相对的
    父级(我们的
    .progress
    ),具有
    自动的高度-以便让内部文本/内容指示其高度

    文本应在单独的元素中移动,例如:
    。进度标签

    。进度{
    位置:相对;/*添加*/
    宽度:100px;
    背景色:黑色!重要;
    高度:自动!重要;/*添加!(让文本指定高度!)*/
    }
    .进度条{/*添加了样式*/
    位置:绝对位置;
    身高:100%;
    }
    .progress标签{/*添加了元素和CSS*/
    位置:相对位置;
    颜色:#fff;
    }
    
    一些非常长的文本
    
    那么您想将文字包装为2+行吗?是的,我需要将部分文字移动到新行。谢谢您的帮助。在您的示例中,您可以删除
    fix
    class。@是的,您可以删除它(我也可以删除它),除非您将它用于其他用途;)