Jquery li nowrap IE7中的子元素不工作
我使用JQuery将元素列表添加到div层中 我的元素列表构造为Jquery li nowrap IE7中的子元素不工作,jquery,css,internet-explorer,Jquery,Css,Internet Explorer,我使用JQuery将元素列表添加到div层中 我的元素列表构造为 <li> <span>AAA BBB CCCCCCC</span> <a href="#">Delete</a> </li> 请查看图片并观察最后一个制动元件。 这仅仅发生在IE6和IE7中 尝试将所有元素与display:inline display:inline block float:left耦合 如何停止包装子元素 请建议 提前感谢
<li>
<span>AAA BBB CCCCCCC</span>
<a href="#">Delete</a>
</li>
请查看图片并观察最后一个制动元件。
这仅仅发生在IE6和IE7中
尝试将所有元素与display:inline display:inline block float:left耦合
如何停止包装子元素
请建议
提前感谢。尝试显示:块;
那就行了。浮动:左;与此无关 尝试显示:块;
那就行了。浮动:左;与此无关 我不确定该输出的上下文,但您可以尝试空白:nowrap;在父ul上,我不确定该输出的上下文,但您可以尝试空白:nowrap;在父ul上,以下内容似乎有效:
ul {
white-space: nowrap;
}
li {
display: inline-block;
white-space: nowrap;
}
.以下方法似乎有效:
ul {
white-space: nowrap;
}
li {
display: inline-block;
white-space: nowrap;
}
.您必须为IE7定义带显示的缩放:内联。这样写:
ul{white-space: nowrap;
}
li span, li a{
display:inline-block;
*display:inline;/* For IE7*/
*zoom:1;/* For IE7*/
}
检查这个,这也是IE7中的工作
从li中删除float,因为空格:nowrap不适用于float元素。对于IE7,必须使用display:inline定义缩放。这样写:
ul{white-space: nowrap;
}
li span, li a{
display:inline-block;
*display:inline;/* For IE7*/
*zoom:1;/* For IE7*/
}
检查这个,这也是IE7中的工作
从li中删除float,因为空格:nowrap不适用于float元素。您的建议实际上帮助我修复了它。我为锚定标记添加了位置:绝对,为li添加了边距:5px,并修复了我的问题
谢谢你们的建议,伙计们。你们的建议实际上帮助我解决了这个问题。我为锚定标记添加了位置:绝对,为li添加了边距:5px,并修复了我的问题
谢谢大家的建议。展示你的CSS。如果没有更多的CSS,将无法执行任何操作。显示您的CSS。如果没有更多的CSS,则无法执行任何操作。已尝试。仍然无法修复。然后将剩余的css代码发布到!但您是否在li项目上添加了显示块?顺便问一下,为什么你有一个跨度和一个标签?您是否可以将跨度文本添加到a?已尝试。仍然无法修复。然后将剩余的css代码发布到!但您是否在li项目上添加了显示块?顺便问一下,为什么你有一个跨度和一个标签?您是否可以将跨度文本添加到a?添加了它。仍然无法修复它添加了它。仍然无法修复。然后制作一个,这样我们就可以看到你在用什么,看看我们是否可以让它按照你的意愿工作。然后制作一个,这样我们就可以看到你在用什么,看看我们是否可以让它按照你的意愿工作。