0

是否可以使用 CSS 将本示例中的所有内容对齐到中心？如果没有，那我该怎么办？

如您所见，图像的高度不同，因此使事情变得更加复杂。我想要的是对齐所有图像和文本，使它们看起来像一条线。

这是小提琴：http: //jsfiddle.net/cRGeD/

4

3 回答 3

1

简单答案使用 span 而不是 li

http://jsfiddle.net/cRGeD/22/

于 2012-05-04T13:45:03.150 回答
0

这可以帮助你，我已经为文本添加了 DIV 并将其浮动到左侧，然后将行高调整为 li 的 250%，检查小提琴 http://jsfiddle.net/chanduzalte/cRGeD/8/

于 2012-05-04T13:25:20.617 回答
0

编辑：在这里，我将以下原则应用于您的 jsFiddle 中的前两项：http: //jsfiddle.net/cRGeD/23/。

HTML

<span class="icon question-icon">1234</span>

CSS

.icon{
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
}

.question-icon{
  background-image: url("../path/for/images.jpg");
}

这样你就可以为不同的图标使用不同的类，并且只需要将图像路径添加到新的类中。

于 2012-05-04T13:38:58.647 回答