javascript - 如何左对齐左ul li项目

Question

这是一个 ul li 列表。我使用 js 文件生成此列表。我想将那些列表提升对齐。但它不起作用。当我编写此代码时，只有 HTML 是左对齐的。使用js文件时有区别吗？

应用程序.js

 if (name.search(expression) != -1 || location.search(expression) != -1) {
              $(`.resultUl[data-ref="${ref}"]`).append(
            `<li 
                class="list-group-item link-class list-item"
                data-name="${name}"
                data-code="${code}"
                data-location="${location}"
              >

              ${name}
              <span class="text-muted">${location}</span>
           </li>
           `
          );
        }
      });

标签： javascriptjquerycssajax

Answer 1

@Adim Victor 的回答是正确的，但您的代码还有其他问题......

.list-item {
   text-align : left; 
}

这是基于您的代码的工作小提琴

请从现在开始发布完整的代码，以便其他人可以更好地帮助您