我有一个div,其中包含一个ul标签和一个span标签,用于创建合理的水平导航栏。
第二个跨度是一个隐藏的跨度,因为我想第一个跨度的文本是合理的。
所以,我现在的问题是,父母的div'height大于他的孩子的身高。
HTML:
<div id="div1">
<ul id="span1">
<li>ABC</li>
<li>DEF</li>
<li>GHI</li>
<li>JKL</li>
</ul>
<span id="span2"></span>
</div>
CSS:
#div1 {
background-color: red;
margin: 0;
padding: 0;
text-align: justify;
height: 15px;
}
#div1 ul#span1 {
display: inline;
background-color: blue;
}
#div1 ul#span1 li {
display: inline-block;
}
#div1 #span2 {
display: inline-block;
width: 100%;
height: 0px;
background-color: green;
}
有什么建议么?谢谢!
另一个问题:我想在两个单词之间添加一个单独的圆圈,如下所示:
我能怎么做?谢谢!!!
编辑:对于我的第一个问题,感谢@ Leth0_,我刚刚将height = 15px更改为有效。请给我第二个问题的一些建议!谢谢!!
您可以尝试手动设置高度,尝试添加...
height:20px
给父母
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句