Html 数字在Div中失真

我有一个div，当数字超过10万时，比如11295551.25，数字会被压缩

<div  class="col-2 text-right pr-0 "><%# Eval("CreditLimit", "{0:c}").ToString().Replace(".", ".</div><div class='col-1 pl-0'>") %></div>  

                                                                  

---

您应该使用CSS属性分词，如下所示：

word-break: break-word;

在你的CSS类中col currency，因为它是关于显示金钱的

---

希望你能很好地使用这种方法，如果它对你有帮助，请告诉我

显示实际的HTML输出，而不是Razor代码。很难说你在这里得到了什么。你能不能显示html输出而不是c#-看看如何创建一个。但最有可能的原因是您创建了另一个div，因此如果内容对于flex容器来说太长，它们可能会重叠。这可能是CSS问题，其中两个

重叠。可能会考虑不要把它们分开，你没有抓住要点。我们不想看到你的Razor代码，我们想看到从它生成的HTML，浏览器看到的东西。它没有包括任何数字-只需查看页面的源代码，复制并粘贴相关的htmlLet我试试，回来找你我可以直接在DIV中添加样式吗？像这样是内联的，如果你不，i don’我不想编辑你的CSS类。我在评论中提到，我在上面尝试了内联，但它不起作用……内联不是最好的主意，你可以用新的CSS属性word break:break word；，更新你的CSS类col currency；，那么它应该会起作用。如果不检查原因，因为其他东西（另一个CSS规则）会覆盖它。那么修好它，你应该会很好

word-break: break-word;