微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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/

原文地址:https://www.jb51.cc/html/230945.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐