Html CSS换行符不在IE中？

小提琴：

总而言之，我有一个固定宽度的div，有几个

和

但在chrome、firefox、opera和safari上，我们可以看到：

相关div的html如下所示：

<div class="charm_thumbnail">
<img src="http://www.ddbeadworks.com/static/media/images/charms/CMSsv006.jpg" alt="Star and Rhinestone" />
<p class="charm_list_name">Star and Rhinestone</p>
<p class="charm_list_desc">Silver-tone 1/4&quot;</p>
<p id="charm_list_price">$5.00</p>
<form method="post" action="." class="cart">
<div>
    <blah blah crap related to the add to cart button>                          
</div>
</form>
</div>

重要编辑：我加入了我的html css行，因为我认为这与不同浏览器上的字体缩放有关。有人知道这会不会导致这样的事情吗？因为
100%/1.4
，是向上取整还是向下取整

注意：在小提琴中，我没有再现完整的错误，但这并不重要。重要的是，在chrome和其他浏览器中，标题出现在两行上，这就是问题所在。
尝试添加
空白：nowrap到您的
.charm\u list\u name
课程：

.charm_list_name {
  text-align: left;
  font-size: 11px;
  margin: 0px 0px;
  white-space: nowrap;
}

你需要发布你的CSS，因为你的问题就在那里。根据你提供的数据，我无法重现你的错误。“标题仅一行”不是一个技术术语。没有什么能阻止标题占据更多的空间，除了编辑保持标题简短的警惕。所以，在做其他事情之前，你需要回答这个问题：如果一个标题不在一行中，你希望发生什么？不能在Opera中重现你的问题，但无论如何，很抱歉不清楚。你说得对，我没有对一行标题进行限制。但是编辑们知道标题应该放在一行上。他们使用IE，所以他们认为它很好。问题是，他们没有看其他浏览器，也不应该看。所以为了回答你的问题，如果标题因为篇幅而变成两行，我一点也不在乎——我在乎的是它在所有浏览器上都会或不会一直变成两行。在Chrome和Firefox上是不可复制的。为什么渲染的一致性很重要？很少有游客会抱怨这种渲染上的差异。重要的是渲染是否丑陋。没有合理确定的问题需要解决。你不应该期望其他人对你的代码进行基本的调试。这“起作用”是因为它使标题在chrome中出现在一行，但它是通过将边框向右推一个像素来实现的，这在浏览器中同样不一致。不过这是一个好的开始，谢谢！
.charm_list_name {
  text-align: left;
  font-size: 11px;
  margin: 0px 0px;
  white-space: nowrap;
}