我有两个 div -material-list-item-icon和material-list-item-text. 我没有在它们之间设置缩进,但是有一个。
问题 - 缩进从何而来?
.material-list {
margin-bottom: 7px;
}
.material-list-item {
padding: 10px;
cursor: pointer;
}
.material-list-item-icon {
display: inline-block;
}
.material-list-item-text {
display: inline-block;
}
<div class="material-list ng-scope">
<div class="material-list-item ng-scope">
<div class="material-list-item-icon"><img class="material-image" src="https://pp.vk.me/c626429/v626429251/31025/1CukNdQDa-M.jpg"></div>
<div class="material-list-item-text ng-binding">1</div>
</div>
<div class="material-list-item ng-scope">
<div class="material-list-item-icon"><img class="material-image" src="https://pp.vk.me/c636628/v636628495/2f5cb/sOnZ_ZNIpfc.jpg"></div>
<div class="material-list-item-text ng-binding">2</div>
</div>
<div class="material-list-item ng-scope">
<div class="material-list-item-icon"><img class="material-image" src="https://pp.vk.me/c837221/v837221670/4577/K1a81HtnbUw.jpg"></div>
<div class="material-list-item-text ng-binding">3</div>
</div>
</div>
简而言之,这些是和之间的
</div>空间<div>有关更多详细信息,请单击此处。