Question

我旁边有一个简短的文字，我必须提供一个链接。该链接不应作为文本显示，而应作为图像显示。到目前为止没有任何问题，但是使用我必须设置display:inline-block的图像才能设置标签的宽度/高度。一旦我这样做，右边的下一个在包含div中向下跳跃。我绝对无法向上移动它。代码是：

<div>
    <p id="pid">Some prefixing text that shouldn't be at the bottom of the div but rather in the middle <a href="#" target="_blank">This is some link</a></p>
</div>

#pid {
    border: 1px solid blue;
    float: right;
}
#pid a {
    display: inline-block;
    width: 50px;
    height: 53px;
}

http://jsfiddle.net/DxVQr/1/

那我怎么能向上移动前缀文字呢？非常感谢！

Answer 1

vertical-align: middle标记上的<a>可以完成这项工作吗？

CSS：将文本与显示内联块的元素对齐

1 个答案: