Css Opencart中的面包屑溢出问题

我的产品名称很长，它们需要保留很长时间。 当面包屑显示产品页面时，如果屏幕较小（例如移动视图），面包屑会溢出布局，并导致浏览器无法正确显示页面

我尝试将

和

添加到产品页面的

DIV

中，但该DIV不起作用，我尝试添加

文本溢出：省略号和
文本溢出：可见到面包屑中的css部分，这也不起作用，我还更改了
空白：nowrap到
空白：正常
仍然没有解决问题。
这里是我的一个页面的链接，例如，请缩小屏幕或在手机中查看以复制问题


我将需要产品名称留在布局（框架），最好去第二行，而不是溢出页面。
请注意，由于SEO问题，我不想使用隐藏可见性或任何东西来消除它。
为您的面包屑设置
空白：

.breadcrumb > li {
    white-space: normal!important;
}

我用了
！重要信息
覆盖
.breadcrumb>li的任何其他代码
，但您应该知道这不是一个好做法。
为您的breadcrumb设置
空白
：

.breadcrumb > li {
    white-space: normal!important;
}

我用了
！重要信息
覆盖
.breadcrumb>li的任何其他代码，但您应该知道这不是一个好做法。
将此内容添加到您的类中

.breadcrumb li > a {
    white-space: normal;
}

这里您需要使用
.breadcrumb li>a
，因为将来标签中的产品名称如果将在标签中添加任何其他标签，那么li将影响到所有地方，因此使用效果更好。breadcrumb li>a.
将此内容添加到您的类中

.breadcrumb li > a {
    white-space: normal;
}

这里您需要使用
。面包屑li>a
，因为将来标签中的产品名称如果会在标签中添加任何其他标签，那么li将影响到所有地方，因此使用效果更好。面包屑li>a。
我确认空白：正常（空白：全部中断）不足以解决OpenCart的面包屑问题

.breadcrumb>li:after{top:50%;transform:translateY(-50%) rotate( -45deg );} 
.breadcrumb>li{white-space:normal;display:table-cell;vertical-align:middle;}
.breadcrumb>li:last-child::after{display:none;}

这将解决您的问题。
我确认空白：正常（和空白：全部中断）不足以解决OpenCart的面包屑问题

.breadcrumb>li:after{top:50%;transform:translateY(-50%) rotate( -45deg );} 
.breadcrumb>li{white-space:normal;display:table-cell;vertical-align:middle;}
.breadcrumb>li:last-child::after{display:none;}

这将解决您的问题。
共享任何图像或代码，我们不能假设这么多：）提供一些代码来显示您希望它看起来像什么以及为什么它不工作。另外，您是否尝试过
wordbreak:breakall？@hunzaboy我刚刚添加了链接来复制这个问题。@fen1x，我确实使用了break:break all这个词；共享任何图像或代码，我们不能假设这么多：）提供一些代码来显示您希望它看起来像什么以及为什么它不工作。另外，您是否尝试过
wordbreak:breakall？@hunzaboy我刚刚添加了链接来复制这个问题。@fen1x，我确实使用了break:break all这个词；它也不起作用。问题是我已经做了，它没有改变任何东西。你到底是怎么加的？引导默认代码可能已覆盖itI将正常添加到CSW您使用了什么确切代码？您是在bootstrap.css之前还是之后添加的？你用
试过了吗！重要信息
？它已添加到stylesheet.css中，其中包含所有面包屑css。我没有添加重要内容，我应该如何添加该内容？？它被添加到现有的CSS而不是新的CSS中，问题是我已经这样做了，它没有改变任何东西。你到底是怎么添加的？引导默认代码可能已覆盖itI将正常添加到CSW您使用了什么确切代码？您是在bootstrap.css之前还是之后添加的？你用
试过了吗！重要信息
？它已添加到stylesheet.css中，其中包含所有面包屑css。我没有添加重要内容，我应该如何添加该内容？？它被添加到现有的CSS中，而不是一个新的CSSI做了上面的事情，它也在问题中解释了，它没有改变任何事情。你在谈论这件事，我说的对吗？这是完全正确的，但在CSSI中将nowrap更改为正常值并不能解决问题。如上所述，问题中也解释了这一点，它没有改变任何东西。你在谈论这件事时，我说的对吗？这是完全正确的，但是在CSS中将nowrap更改为normal并不能修复它