HTML / CSS - 如何将此div中的名称链接居中？

Question

嗨，我正试着单独留下图片并将名称“Tim Heidecker”放在这个div中。 http://jsfiddle.net/4huq3/

感谢您的帮助。

Answer 1

更新了你的小提琴。 http://jsfiddle.net/thomas_peklak/4huq3/24/

#left {
    width: 228px;
    height: 60px;
    border: 1px solid #000;
}
#left a{line-height:60px}

.icon {
    vertical-align:middle

}

Answer 2

尝试将vertical-align:middle;添加到您的.icon规则

Answer 3

我所做的是使用名称链接为标记添加id，然后定位它。看到这个分叉的jsfiddle：

http://jsfiddle.net/98RhD/10/

Answer 4

您可以使用这样的绝对定位：

HTML：

<div id="left"><a href="..." class="icon"><span>Time Heidecker</span></div>

CSS：

#left { position: relative; width: 228px; height: 60px; border: 1px solid #000; }
#left span { position: absolute; top: 15px; left: 70px; }

你必须根据文字和最后一个方框的大小和/或你想要垂直居中（CSS顶部）或水平居中（CSS左）来摆弄数字以准确得到你的最终中心位置。 / p>

我希望这有帮助！