如何左對齊左ul li項目

Question

這是一張小清單。 我使用js文件生成此列表。 我想對那些列表進行調整。 但這是行不通的。 當我只編寫此代碼時，將其左對齊。 使用js文件時是否存在差異？

app.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>
           `
          );
        }
      });

Answer 1

@Adim Victor的回答很不錯，但是您的代碼還有其他問題...

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

這是根據您的代碼工作的小提琴

請從現在開始發布完整代碼，以便其他人更好地為您提供幫助

Answer 2

您必須使用CSS設置所有.list-group-item的樣式。 嘗試這個..

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