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

Question

基本上我想显示两个跨度彼此相邻。条件是第一个 span 的最大宽度为 200px，所以如果它超过 200px所有溢出的字符都被隐藏，因为 overflow:hidden 应用于此范围。另一个条件是第二个跨度将一直显示在第一个跨度旁边。

问题在于，由于 IE 不支持(IE7、IE8)最大宽度功能，因此我无法使用此属性。还有其他方法可以实现吗？

所以我有:

<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;}