0
我有一些CSS是在Chrome和Firefox的工作,但不是IE 11:前伪选择不工作,即11
这是一个与管分离的简单水平的导航栏。
这里的CSS:
.language li{
display: inline;
list-style-type: none;
width: 100%;
}
.language li + li:before {
content: " | ";
padding: 0 5px;
}
.language li:nth-child(9n+1):before {
content: '\a';
position: static;
white-space: pre;
}
而这里的HTML
<ul class="language">
<li> <a href="" target="_blank" title="SSM Directory Language - Español"> Español </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - HMOOB"> HMOOB </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Chinese"> 简体中文 </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - DEUTSCH"> DEUTSCH </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Arabic"> العربية </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - gujarati"> ગુજરાતી </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Russian"> РУССКИЙ </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Korean"> 한국어 </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Vietnamese"> Tiếng Việt </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Français"> Français </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Polski"> Polski </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Pennsylvaanisch Deitsch"> Pennsylvaanisch Deitsch </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - HRVATSKI"> HRVATSKI </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Tagalog"> Tagalog </a> </li>
<li> <a href="" target="_blank" title="SSM Directory Language - Hindi"> Hindi </a> </li>
</ul>
在Chrome和Firefox它的伟大工程,但在IE中我得到不分离或间距如下:
Español HMOOB 简体中文 DEUTSCH ગુજરાતી РУССКИЙ 한국어 Tiếng Việt Français Polski Pennsylvaanisch Deitsch HRVATSKI Tagalog Hindi العربية
确保你有一个合适的[DOCTYPE](http://tanalin.com/zh/blog/2011/04/html5-doctype/)。 –