我正在使用以下 HTML:
<p><a href="http://www.example.com/">← Back</a></p>
创建以下内容:
问题是,左箭头没有在中间垂直对齐。它似乎在下 3 位。
问题:如何使用 CSS 使左箭头在(字母“B”的)中间垂直对齐?
更新:
我可以垂直调整/对齐这个吗:
- 不修改我的 HTML,并且
- 不使用图片?
最佳答案
箭头是一个简单的字符,所以它像其他字符一样对齐(它是在“中间”,字体的创建者希望它在它所在的位置......也许就是这样小写字符的中间)。也许使用另一种字体看起来不一样,也许不是。如果你有一个固定的字体并且看起来很乱,你可以尝试使用 :first-letter选择器(或将箭头包裹在 span
或其他内容中)以将其向上移动 1 或 2 px (position:relative: top:-2px;
)。
另一种解决方案是为此使用图像,就像大多数网站所做的那样(那里有 many free icon sets — 我最喜欢的是 famfamfam)
关于html - CSS:垂直对齐文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3912529/