请教一个图片背景的问题

无闻i 2017-11-29 11:30:10
css


ul.my_tree, ul.my_tree ul {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.my_tree li{
margin: 0 5px 0 15px;
padding: 0 5px;
line-height: 31px;
display:inline
}

ul.my_tree .vline{
background: url(images/vline.png) repeat-y;
}

ul.my_tree .blank {
margin-left: 15px;
}

ul.my_tree .node {
background: url(images/node.png) no-repeat;
}

ul.my_tree .last-child {
background: #fff url(images/lastnode.png) no-repeat;
}


<ul class="my_tree">
<ul>node_1</ul>
<ul><li class="node"></li>node_1_1</ul>
<ul><li class="vline"></li><li class="node"></li>node_1_1_1</ul>
<ul><li class="vline"></li><li class="node"></li>node_1_1_2</ul>
<ul><li class="last-child"></li>node_1_2</ul>
</ul>


背景图片高度是31px, css line-height: 31px; 的时候,有行间隙,
如图:


css小白,请教一下会的朋友,当设置li行高31px的时候,上下没有间隙呢?
...全文
136 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2017-11-29
  • 打赏
  • 举报
回复

   ul.my_tree li{
	   margin: 0 5px 0 15px;
	   padding: 0 5px;
	   height: 31px;
   	   display:inline-block;
   	   vertical-align: middle;
   }
浪子回头8 2017-11-29
  • 打赏
  • 举报
回复
再加一句样式清除默认元素间距: *{ margin:0; padding:0;}

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧