Html Mozilla和IE中的列表项目符号比Chrome中的间距更大
以下是我的HTML:Html Mozilla和IE中的列表项目符号比Chrome中的间距更大,html,css,google-chrome,internet-explorer,mozilla,Html,Css,Google Chrome,Internet Explorer,Mozilla,以下是我的HTML: <div id="text_style"> <div id="text_style_in"> <ul> <li> <p><a href="#" target="_self">Fact Sheet</a></p> </li> <li> <p><a href="#" target="_self">
<div id="text_style">
<div id="text_style_in">
<ul>
<li>
<p><a href="#" target="_self">Fact Sheet</a></p>
</li>
<li>
<p><a href="#" target="_self">Facilities and Administrative (F&A) Cost Agreements</a></p>
</li>
<li>
<p><a href="#" target="_self">PropStart</a></p>
</li>
<li>
<p><a href="#" target="_self">Equipment Matching</a></p>
</li>
<li>
<p><a href="#" target="_self">Training Guide: Preparing Research Proposal Budgets</a></p>
</li>
<li>
<p><a href="#" target="_self">Three Work-Day Rule</a></p>
</li>
</ul>
</div>
</div>
-
-
-
-
-
-
我没有唯一定义的列表样式。
如何使列表在Mozilla和IE中看起来相似?您应该删除de
标记,并使其如下所示:
<ul>
<li><a href="#" target="_self">one</a></li>
<li><a href="#" target="_self">two</a></li>
</ul>
在html的每个元素中嵌套了一个元素
你必须写:
<ul>
<li><a href="#" target="_self">Fact Sheet</a></li>
<li><a href="#" target="_self">Facilities and Administrative (F&A) Cost Agreements</a></li>
<li><a href="#" target="_self">PropStart</a></li>
<li><a href="#" target="_self">Equipment Matching</a></li>
<li><a href="#" target="_self">Training Guide: Preparing Research Proposal Budgets</a></li>
<li><a href="#" target="_self">Three Work-Day Rule</a></li>
</ul>
但是如果您只想保留
元素。使用:ul li p{display:inline block}
使它们成为内联块,并且行不应中断…我想保留标记,这是我的文本样式。还有其他方法吗?您可以将该文本样式添加到列表中标记是的,我想我必须这样做,我希望有一些方法可以做到这一点,而无需删除标记。感谢您的时间和帮助。标记是一个块,因此大多数情况下它从新行开始。给 标签一个类,把你的风格放在这个类中。如果你需要另一个元素作为CSS的目标,添加一个span。它将从浏览器的样式表中减少负担。