Div中的数字扭曲了[关闭]答案

【问题标题】：Numbers are distorting in Div [closed]Div中的数字扭曲了[关闭]
【发布时间】：2021-08-26 10:13:24
【问题描述】：

我有一个 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>

我的引导类产生了问题，我需要纠正它。这是产生问题的 booststrap col-2。

col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;word-wrap: break-word}

【问题讨论】：

向我们展示实际的 HTML 输出，而不是 Razor 代码。很难说你在这里得到了什么。
你能显示 html 输出而不是 c# - 看看如何创建一个minimal reproducible example。但很可能是因为您创建了另一个 div，因此如果内容对于您的 flex 容器来说太长，它们可能会重叠
这可能是两个<div> 重叠的CSS 问题。可能会考虑不将它们分开。
你没有抓住重点。我们不想看到你的 Razor 代码，我们想看到从中生成的 HTML，浏览器看到的东西。
它没有包含任何数字 - 只需查看页面来源并复制并粘贴相关的html

【解决方案1】：

你应该使用 CSS 属性 word-break 如下：

word-break: break-word;

在您的 CSS 类 col-currency 上，因为它是关于显示货币的。

希望您对这种方法感到满意，如果它对您有帮助，请告诉我！

【讨论】：

让我试着回到你身边
我可以像这样直接在DIV中添加样式

") %>
是的，内联，如果你不想编辑你的 CSS 类
我尝试了上面我在评论中提到的内联，但它不起作用.....
内联不是最好的主意，你可以用新的 CSS 属性 word-break: break-word; 更新你的 CSS 类 col-currency >，那么它应该可以工作。如果不检查原因，因为其他东西（另一个 CSS 规则）会覆盖它。然后修复它，你应该会很好