Question

html/css 怎么控制li中的字与前面的图标点的距离，就是让后面的字与前面的图标有一点间距？

<div class="brand_act">
<div><h3>品牌动态</h3></div>
<ul>
<li><img src="./dian.png"><a href="/HX/news/1991.html" target="_blank">哈哈 聪明仔短袖T恤</a></li>
<li><img src="./dian.png"><a href="/HX/news/1741.html" target="_blank">乔雪 冰镇一夏</a></li>
<li><img src="./dian.png"><a href="/HX/news/1530.html" target="_blank">乔雪与您分享：童装的保养技巧</a></li>
</ul>
</div>

Answer 1

看样子你的点是图片
<img src="/dian.png"> <a
需要几个空格加几个

追问

不用加空格的形式能实现吗？谢谢！

追答

css
.a{
margin-right:5px; //定义有边框间距 5px

}

Answer 2

ul li{
padding=3px;
}

即可，如果觉得间距小，可以再加大数值；保证可以解决你的问题！

Answer 3

建议不要这样写，这样的话不适合于自适应。

.about-box li {
	text-align: left;
	padding-left: 24px;
	vertical-align: middle;
	background: #ffffff url("/hnygjzh/templets/default/images/ygabout-list-style.png") no-repeat;
	background-size: 16px 16px;
	background-position: 0 4px;
	width: 310px;
	height: 24px;
	text-overflow: ellipsis;
}

给li标签滴定一个背景图，这样既可以控制UI图的大小 有定义位置，而且还适合自适应。

上图就是效果图。