CSS：white-space：nowrap似乎不工作在IE

本文介绍了CSS：white-space：nowrap似乎不工作在IE的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

以下代码的 jsfiddle 。。我想要的是名称 Harry Pham 在一行，所以我使宽度很小，做 white-space：nowrap 。它工作在Firefox，但不是IE。请帮助

Here is the jsfiddle of the below code. http://jsfiddle.net/ux4DD/2/. What I want is the name Harry Pham to be in one line, so I make the width very small and do white-space:nowrap. It work on Firefox, but not IE. Help please

以下是答案。请查看JSFIDDLE以查看如何查看。

<html>
<head>
   <style type="text/css">
       .linkColor{
           white-space: nowrap;
       }
   </style>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="width: 450px;">
   <tr>
      <td>
         <table cellpadding="0" cellspacing="0" width="100%">
             <tr>
                <td style="width:20px;border-top:1px solid gray;">
                     <span class="linkColor">Harry Pham</span>
                </td>
                <td style="height:15px;background:url('images/line.png') no-repeat;width:28px;" width="35px"></td>
                <td style="border-bottom:1px solid gray;" width="auto"></td>
             </tr>
         </table>
      </td>
   </tr>
</table>
</body>
</html>

推荐答案

对于IE 6和7，与 标记，并给它一个白空间属性。因为你已经有一个 标签包裹在你的文本，你有一个类，只需添加 white-space 属性添加到您的 类 .linkColor 。

For IE 6 and 7 you need to wrap your text with a  tag and give it a white-space property. Since you already have a  tag wrapped around your text and you have a class for it, just add the white-space property to your  class .linkColor.

.linkColor{
    white-space:nowrap;
}

这篇关于CSS：white-space：nowrap似乎不工作在IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！