Css 如果文本比div宽,如何在引导进度条内换行?
默认情况下,进度条仅在具有一定进度的零件内部显示文本(如果进度为25%,则文本可仅与此1/4零件一起显示)。这可以通过Css 如果文本比div宽,如何在引导进度条内换行?,css,bootstrap-4,Css,Bootstrap 4,默认情况下,进度条仅在具有一定进度的零件内部显示文本(如果进度为25%,则文本可仅与此1/4零件一起显示)。这可以通过空白:nowrap 当文本长度超过div时,如何在不使用js的情况下修复该情况,即如何应用类似height:auto的内容,以便将部分文本移动到新行 。我的案子{ 宽度:100px; 背景色:黑色!重要; } .修理{ 空白:nowrap; } 默认情况下 一些非常长的文本 我的案子 一些非常长的文本 进度条应设置为位置:绝对,高度:100%在位置内:相对的父级(我们的.pr
空白:nowrap代码>
当文本长度超过div
时,如何在不使用js的情况下修复该情况,即如何应用类似height:auto
的内容,以便将部分文本移动到新行
。我的案子{
宽度:100px;
背景色:黑色!重要;
}
.修理{
空白:nowrap;
}
默认情况下
一些非常长的文本
我的案子
一些非常长的文本
进度条应设置为位置:绝对,高度:100%代码>在位置内:相对的父级(我们的.progress
),具有自动的高度-以便让内部文本/内容指示其高度
文本应在单独的元素中移动,例如:。进度标签
。进度{
位置:相对;/*添加*/
宽度:100px;
背景色:黑色!重要;
高度:自动!重要;/*添加!(让文本指定高度!)*/
}
.进度条{/*添加了样式*/
位置:绝对位置;
身高:100%;
}
.progress标签{/*添加了元素和CSS*/
位置:相对位置;
颜色:#fff;
}
一些非常长的文本
那么您想将文字包装为2+行吗?是的,我需要将部分文字移动到新行。谢谢您的帮助。在您的示例中,您可以删除fix
class。@是的,您可以删除它(我也可以删除它),除非您将它用于其他用途;)