Css 为什么我的溢出椭圆在Chrome中被截断？

在一定的宽度下，我的椭圆被切掉了。我尝试了不同的边距和填充组合，但似乎无法消除它。我用的是Chrome51

注意：为了简洁起见，我简化了我的示例。我的实际div是响应的，文本是动态的。我需要一个解决方案，将在任何宽度的任何文本工作

我有没有办法回避这个问题

<div class="container">
  <div class="nowrap">This text should be truncated</div>
</div>

<div class="container two">
  <div class="nowrap">This text should be truncated</div>
</div>

---

由于某种原因，确实发生了这种情况，但在Chrome中，它会计算在哪个字母处将其截断。使用

192px

.container{
宽度：196px；
字体大小：30px；
}
.集装箱2{
宽度：192px；
}
诺拉普先生{
文本溢出：省略号；
空白：nowrap；
溢出：隐藏；
}

此文本应被截断
此文本应被截断

我在Chromium上创建的问题被合并为的副本，然后被合并为的副本。我将随着状态的变化更新此答案

更新： 这个问题没有出现在中，因此近期发布的Chrome应该可以解决这个问题

更新2：

---

这个问题已经在Chrome 52中得到了解决。

正如其他人已经指出的，这是一个Chrome bug，但是您可以通过添加一些填充来轻松解决它。

padding right:4px

显然这是一个bug。如果是bug，有人有我可以理解的链接吗？省略号不就是这样做的吗？或者我遗漏了什么吗？@JakobMillah三个点中的最后一个点被切掉了。为了简洁起见，我简化了我的问题，在现实世界中，我的设计是响应性的。我需要它工作任何宽度。我已经更新了我的问题来反映这一点。然后我不知道除了向Chrome报告bug并等待修复之外还有什么解决方案。或者做一些花式的JS来确保宽度总是以4为增量。文本也是动态的，所以即使是4的增量也不起作用。无论如何，谢谢你。我向chromium提交了一份bug报告，我们看看他们怎么说。