自动添加填充的html子列表
我有一个列表,它有一个子列表,我用两个div填充,两个div都在左边浮动(ed) 结构就像-自动添加填充的html子列表,html,css,padding,Html,Css,Padding,我有一个列表,它有一个子列表,我用两个div填充,两个div都在左边浮动(ed) 结构就像- <ol> <li> <ol> <li> <div>first div</div> <div>second div</div> </li> <li></li> <li></li>
<ol> <li>
<ol>
<li>
<div>first div</div>
<div>second div</div>
</li>
<li></li>
<li></li>
<li></li>
</ol>
</li>
</ol>
第一组
第二组
现在,第一个浮动的左边是一个运行良好的图像,但是另一个左边(文本向右移动)自动在顶部添加一个7px的自动填充,我必须在第一个图像div顶部进行填充
如何删除第二个div中的自动填充?
榜样
我在这张图中用红色标出了问题-
您可以使用以下命令为第二个div编写css:
li:nth-child(2) {
padding-top: 0;
}
也许更正CSS会得到以下结果:
.comm_img{
padding-top:5px;
}
.comm_text{
margin-top:0px;
}
您可以使用负片,这将允许您在任何方向上移动元素。在您的情况下,您可以在第二个div中添加负数边距顶部
.com_text {
margin-top: -5px;
}
这已经存在于问题-ol.timeline ol li{padding:0px;}中,但对于所有li元素都存在。上面的代码将只针对第二个元素。请尝试删除为图像添加的填充顶部
,并添加一个负片空白顶部:-5px
到.com\u text
,调整边距以符合您的需要您在@phobia82处钉好了边距。你是从哪里得到负边距的东西的?负边距是不允许的,但负边距是允许的:我会加上它作为答案,尽管正边距是从哪里来的仍然是一个谜,现在很好去做。