Javascript 文本脱离div（CSS）

我在手机上有带文字的标题

这是代码

.ui-bar-b、.ui-page-theme-b.ui-bar继承、html.ui-bar-b.ui-bar继承、html.ui-body-b.ui-bar继承、html-body.ui-group-theme-b.ui-bar继承{
背景色：#1d；
边框颜色：#1b1b1b；
颜色：#fff；
文本阴影：0 1px 0#111；
字号：700；
}
.ui页眉、.ui页脚{
边框宽度：1px0；
边框样式：实心；
位置：相对位置；
}
#步骤4\u 0.ui标题、.付款页.ui标题{
溢出：可见；
利润率：0.15%；
单词包装：打断单词；
}
.ui页眉.ui标题.ui页脚.ui标题{
字号：1em；
最小高度：1.1米；
文本对齐：居中；
显示：块；
利润率：0.30%；
填充：.7em0；
文本溢出：省略号；
溢出：隐藏；
空白：nowrap；
大纲：0！重要；
}
.ui标题.ui标题{
利润率：0.15%！重要；
}

kl Betal Senet 23.30 i Dagffffdfskjdbfksdbfksdjbdfksdbfkjsdbjfksjbdfkjbsdfkjbsdkkfksdkjfksdbfkjsdbf

只需删除

空白：nowrap从您的代码中，正如其他人在评论和voila中所说


.ui-bar-b，
.ui-page-theme-b.ui栏继承，
html.ui-bar-b.ui-bar继承，
html.ui-body-b.ui栏继承，
html body.ui-group-theme-b.ui栏继承{
背景色：#1d；
边框颜色：#1b1b1b；
颜色：#fff；
文本阴影：0 1px 0#111；
字号：700；
}
.ui标题，
.ui页脚{
边框宽度：1px0；
边框样式：实心；
位置：相对位置；
}
#步骤4\u 0.用户界面标题，
.付款页.用户界面标题{
溢出：可见；
利润率：0.15%；
单词包装：打断单词；
宽度：500px；
}
.ui标题.ui标题，
.ui页脚.ui标题{
字号：1em；
最小高度：1.1米；
文本对齐：居中；
显示：块；
利润率：0.30%；
填充：.7em0；
文本溢出：省略号；
溢出：隐藏；
大纲：0！重要；
}
.ui标题.ui标题{
利润率：0.15%！重要；
}

kl Betal Senet 23.30 i Dagffffdfskjdbfksdbfksdjbdfksdbfkjsdbjfksjbdfkjbsdfkjbsdkkfksdkjfksdbfkjsdbf
根据我的评论，您已经设置了
空白：nowrap
，它告诉浏览器永远不要将溢出内容换行。删除该行将解决您的问题。
删除空白：nowrap，或者如果不起作用，请尝试以下操作：

white-space: normal; //instead of white-space nowrap in your css class .ui-header .ui-title, .ui-footer .ui-title {

我认为你的问题不可能用空白来解决：wrap/normal。因为你的最后一句话没有中断。所以为了安全起见，您也可以在手机上使用下方属性和空白

text-overflow: ellipsis;

如果你看到我的问题代码，你可以看到，我已经尝试@divy3993你已经设置了
空白：nowrap
告诉浏览器不要换行，这样就不会有任何换行。删除此：
空白：nowrap谢谢，这很有帮助@Terry@Balance你必须有一个删除省略号的媒体查询，如果这是你在手机上看到的，因为你的代码片段适用于所有屏幕大小……但可能会产生新问题。这样做是为了根据大小剪裁文本（溢出：省略号）。删除空白：nowrap将破坏该行为：）