html - li 中内容和元素符号的高度不相同

标签 html css html-lists

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 6 年前

我有一个 list

<ul class="styled-list">
  <li>some text</li>
</ul>

然后我有CSS

.styled-list-arrow li:before {
    font-family: 'Material Icons';
    font-size: small;
    content: "\e315";
    margin-left: -1.4em;
    width: 1.3em;
}

一切正常,但有一个问题是,li 内容与 li 元素符号的高度不同。我不知道哪里会出问题。

------------编辑------------

我需要将子弹向下移动一点

最佳答案

将此代码添加到 :before 伪元素:

vertical-align: bottom;

还要注意你的类(class)名称。你有 'styled-list' 和 'styled-list-arrow li'

关于html - li 中内容和元素符号的高度不相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38444519/

上一篇:javascript - c3js d3 dash-stroke 仅在 rect 元素的一侧

下一篇:javascript - 无论容器如何,如何并排排列元素

相关文章:

css - 使用 css 媒体查询防止主容器拉伸(stretch)超过 1680px

javascript - 在 JavaScript 中获取 ul 并附加 li

Firefox 中 <ul> 标签的 CSS 问题

javascript - 如何使用 jQuery 以编程方式将 ng-pristine 设置为 ng-dirty?

css - 动画不适用于 Safari 和 IE 11 中的页面重定向

javascript - 如果一个列表项没有内容或为空,则隐藏多个列表项

html - CSS 不起作用?

python - BeautifulSoup 找不到标签 li

javascript - 为什么要将文字 HTML 字符串附加到 DOM?

javascript - 如何限制最大计数