chrome最新版本中的格式设置已损坏

Question

网页中的链接在Chrome 39.0.2171.65]

中被破坏

但它在Chrome版本38.0.2125.122以及所有其他浏览器

中运行良好

HTML

<div class="setleft"><a class="button " href="https://example.com"><span>Daily Diary</span></a></div>
<div class="setleft"><a id="tab" class="button " href="https://example.com"><span>Progress</span></a></div>

CSS

button, a.button, input[type='button'], input[type='submit'], input[type='reset'], a.eylog_green_button {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #EAEAEA;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EAEAEA));
background-image: -webkit-linear-gradient(top, #FFF, #EAEAEA);
background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
background-image: linear-gradient(top, #ffffff, #eaeaea);
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea); */
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 2px;
color: #555;
display: inline-block;
font-size: 12px;
font-weight: 700;
margin: 0;
padding: 8px 10px;
text-decoration: none;
text-shadow: 0 1px 0 #FFF;
vertical-align: middle;

}

如果我添加`white-space：nowrap;它运行正常。这个问题存在于我的应用程序的许多地方。为什么会发生这种情况？。这个解决方案或任何其他更好的解决方案。

Answer 1

无论如何，我建议使用white-space: nowrap;。如果你没有，那么你说＆＃34;如果你愿意，可以包装这个文字＆＃34;但是你永远无法确定浏览器何时可以包装文本。所以特别说＆＃34;不要包装＆＃34;将确保你总能得到你想要的东西。