html – CSS:white-space:nowrap似乎在IE中不起作用

这是下面的代码的jsfiddle. http://jsfiddle.net/ux4DD/2/.我想要的是Harry Pham在一行中的名字,所以我使宽度非常小,做白色空间:nowrap.它在Firefox上工作,但不是IE.请帮助

以下是答案.请看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,您需要用< span>标签,并给它一个空白的空间.由于您已经拥有< span>标签包裹在您的文字上,您有一个类,只需将空格属性添加到您的< span> class .linkColor.
.linkColor{
    white-space:nowrap;
}

检查工作示例在http://jsfiddle.net/ux4DD/1/

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...