我的目标是对齐字体-可怕的图标与div旁边。由于某些原因,字体令人敬畏的图标在小字体大小的图标上似乎有一些空白,这就扩展了包装器div。例如,p标记就不会发生同样的情况。在这里可以找到示例:
以下几点:
边距既不是图标元素的边距,也不是伪元素之前的边距。
它不是父元素的填充。
图标以相同的数量展开父对象,直到字体大小为15 is为止。
是什么导致字体-令人敬畏的图标表现出相应的?如何设置图标和包装器,使图标没有顶部的“边距”?
// This text is just for removing the ridiculous "links to JS fiddle
因此,我想在一个新创建的li中添加一个字体--很棒的图标
单击时,我将创建一个新的li,它需要两个图标。
HTML:
<ul class="todo" id="todo">
</ul>
联署材料:
function addItemToDo() {
var list = document.getElementById('todo');
var itemName = document.getElementById('item').value;
var task = document.