保证金：0自动;用搜索隐藏另一个li元素之后

Question

如何在隐藏搜索栏中未指定的所有元素后禁用float: left并设置margin: 0 auto？

function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";

        } else {
            li[i].style.display = "none";
        }
    }
}

https://jsfiddle.net/rmjfhq8q/

Answer 1

您正在寻找

parent {
  display: flex;
  justify-content: center;
}

已更新fiddle。不要忘记prefix。