下拉框中的文本對齊復選框

Question

因此，我正在創建一個帶有復選框的自定義下拉菜單，允許用戶在帶有下拉菜單的下拉菜單中顯示一些常量值，這些復選框的值向左對齊。

這是我的模板：

 "<div class=\\"multiselect-parent btn-group dropdown-multiselect\\">\\n" + "\\t<button ng-click=\\"toggledropdown()\\" td-ui-margin=\\"0\\" class=\\"dropdownlist-button\\" ng-disabled=\\"!edit\\" type=\\"button\\">\\n" + "\\t\\t<span ng-if=\\"customSelect\\">{{customSelect}}</span>\\n" + "\\t\\t<span ng-if=\\"!customSelect\\">{{modelList.length}} {{'MULTISELECT_DROPDOWN.CHECKED' | translate}} &nbsp;<i class=\\"caret\\"></i></span>\\n" + "\\t</button>\\n" + "\\t<ul class=\\"dropdown-menu dropdown-menu-form\\" ng-style=\\"{display: open ? 'block' : 'none', height : '200px' }\\" style=\\"overflow: scroll\\" >\\n" + "\\t\\t<li td-ui-margin=\\"5\\">\\n" + "\\t\\t\\t<span class=\\"headerPointer\\" ng-click=\\"selectAll()\\"><span class=\\"glyphicon glyphicon-ok\\"></span> {{'MULTISELECT_DROPDOWN.CHECKALL' | translate}} </span>\\n" + "\\t\\t</li>\\n" + "\\t\\t<li ui-margin=\\"5\\">\\n" + "\\t\\t\\t<span class=\\"headerPointer\\" ng-click=\\"deselectAll();\\"><span class=\\"glyphicon glyphicon-remove\\"></span> {{'MULTISELECT_DROPDOWN.UNCHECKALL' | translate}} </span>\\n" + "\\t\\t</li>\\n" + "\\t\\t<li class=\\"divider\\"></li>\\n" + "\\t\\t<li role=\\"presentation\\" ng-repeat=\\"option in options | orderBy : 'id'\\" ui-margin=\\"5\\">\\n" + "\\t\\t\\t<span class=\\"td-checkbox-div-wrapper headerPointer\\" ><input type=\\"checkbox\\" ng-click=\\"selectItem(option)\\" ng-checked=\\"isChecked(option)\\">\\n" + "\\t\\t\\t<label>{{option[field]}}</label></span>\\n" + "\\t\\t</li>\\n" + "\\t</ul>\\n" + "</div>\\n" 

這是我使用模板並填充它的地方

  <div class=\\"col-xs-2 setup-case-checkbox multiselect-spacing\\"\\n" + " ng-if=\\"model.frequencyInterval.frequencyIntervalType === 'SEASONAL'\\">\\n" + " <multiselect-dropdown options=\\"months\\" model=\\"model.frequencyInterval.customPeriod\\"\\n" + " field=\\"period\\"\\n" + " edit=\\"true\\"\\n" + " aria-labelledby=\\"seasonal\\"></multiselect-dropdown>\\n" + " </div>\\n" + 

但是，當我查看它呈現的頁面時，它無法正確對齊

我該怎么做才能將其向左對齊？

Answer 1

在您要向左對齊的每一行中都包含此內容： style="text-align: left;"

你也可以上課

.left{
    text-align: left;
}

並像這樣稱呼class="left"

您能否編輯您的文章以包含CSS？

Answer 2

將此添加到您的css文件中

.td-checkbox-div-wrapper{
     text-align: left;
    }