如何删除css中<li>之间的空白处？
如何删除css中<li>之间的空白处？
提问于 2017-01-16 22:02:40
我开始学习超文本标记语言和层叠样式表，我想知道是否有方法可以删除或减少这两个列表项之间的margin？
请参阅下面的代码片段和图片：
#main {
color: black;
width: 350px;
float: right;
}<div id="main">
<h1>HOME PAGE</h1>
<ol>
<li>
<h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
<ul>
<li>
<h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
</li>
</ul>
</li>
</ol>
</div>
回答 3
Stack Overflow用户
发布于 2017-01-16 22:05:08
所有的标题元素，如
<h1>、<h2>、<h3>到<h6>，在所有浏览器中都有一些默认的页边距(可能会因浏览器而异)。
您需要根据需要删除或重置此边距。
#main h4,
#main h5 {margin: 0;}
#main{
color: black;
width: 350px;
float: right;
}
#main h4,
#main h5 {margin: 0;}<div id="main">
<h1>HOME PAGE</h1>
<ol>
<li>
<h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
<ul>
<li>
<h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
</li>
</ul>
</li>
</ol>
</div>
Stack Overflow用户
发布于 2017-01-16 22:06:27
在您的示例中，页边距来自标题，请尝试；
#main{
color: black;
width: 350px;
float: right;
}
h4, h5{
margin: 0;
}<div id="main">
<h1>HOME PAGE</h1>
<ol>
<li>
<h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
<ul>
<li>
<h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
</li>
</ul>
</li>
</ol>
</div>
Stack Overflow用户
发布于 2017-01-16 22:08:04
您可以像这样尝试：
#main{
color: black;
width: 350px;
float: right;
}
li h4, h5 {
margin: 0;
}<div id="main">
<h1>HOME PAGE</h1>
<ol>
<li>
<h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
<ul>
<li>
<h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
</li>
</ul>
</li>
</ol>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41678143
复制相关文章
相似问题
腾讯云开发者
