Question

基本上我想要显示彼此相邻的两个跨度。条件是第一个跨度的最大宽度为200px，如果它超过200px 所有溢出的字符都隐藏为溢出：隐藏应用于此跨度。另一个条件是第二个跨度将始终显示在第一个跨度旁边。

问题是，由于IE不支持（IE7，IE8）max-width功能，我无法使用此属性。还有其他方法可以达到这个目的吗？

所以我有：

<div>
<span>one</span> <--- max width is 200 px
<span>two</span> <--- will alwats display next to span one
</div>

我想在跨度1旁边显示跨度2.跨度1的宽度将在跨度1和跨度2之间留下一个巨大的空间，所以我不能这样做。我需要动态扩展span 1直到溢出。这需要跨浏览器兼容;（

感谢。

Answer 1

请查看this是否适合您。它在IE8中运行良好，已经过测试。

HTML：

<div id="content">
    <span>oneedaskdaslkdjsaldjaslkdjaslkdjldasdasdasdasdalkdnaskdnasjkdnaskjdnaskjndaskjndajksdnasjkdnkjsandkjsandkjasndkjasndjksandkjsandjkndjksandjkasndjkasndkjasndkjsnajsalkdjasd</span>
  <span>two</span>
</div>

CSS：

div span{display:block;max-width:200px;overflow:hidden;float:left;margin:5px;}

Answer 2

你可以试试这个：

max-width: 200px;
width: expression(document.geElementById('container').style.
width > 200 ? "200px": "auto" );

有人可以帮助我在CSS中实现这一目标吗？

2 个答案: