Question

Suppouse我有一个div是960.gs样式网格的成员。它有图标和文字。现在我希望文本从图标中缩进，但是我不能使用网格，因为我已经在一个网格中，因为我将有很多像这样的div，每个图标和文本应该坚持父母的顶部。

<div id="I_AM_GRID_MEMBER">
<span class="icon"><img src="lala.png"></span>
<span>Some text here </span><br/>
<span>Some text here </span><br/>
<span>Some text here </span><br/>
<span>Some text here </span><br/>
</div>

.icon{
display: inline-block;
float: left;
width: 73px;
height: 56px;
background-color: black;
margin-right: 20px;
}

这是一个例子： http://jsfiddle.net/Q6ZbH/2/ 问题是：我如何缩进我的文字，所以它不会真正浮动图标？

对于复杂的解释，很难用文字解释你想要在视觉上实现的目标。

Answer 1

在包含DIV上使用CSS图像背景并为其提供足够的填充以将文本从图标中推开。

#I_AM_GRID_MEMBER {
     background-image:url(/lala.png);
     padding-top: 56px;
     padding-left:73px`enter code here`
}

圆柱形960.gs div内的列

1 个答案: