html - 如何在 CSS 中垂直偏移项目符号或内容？

Question

看这张图片：

这有点不合时宜，我想将内容向上移动，或者将项目符号本身向下移动。我试过填充、边距和定位无济于事。

score 2 · Accepted Answer

2

您可以尝试设置line-height等于图像的高度

于 2012-09-06T17:25:20.797 回答

score 2 · Accepted Answer

尝试vertical-align在列表项上设置属性。可能的值为：

baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

HTML

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

<strong>CSS

ul {
    list-style-image: url(http://cdn1.iconfinder.com/data/icons/c9d/check.png);
}
li {
    vertical-align:top;   
}

score 0 · Accepted Answer

使用垂直对齐 css 属性来定位图像或行中的文本。

例如：

IMG { vertical-align:middle}

3 回答 3