谁能告诉我。如何将fa-fa.trash图标移动到下拉选项的最右端
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<li class="" style="false">
<label class="">
<input type="radio" data-name="selectItem" value="testvale" original-value="testvale"> <span>testvale</span>
<div>
<a class="delete-savedFilter" type="button"><i class="fa fa-trash"></i></a>
</div>
</label>
</li>
该垃圾桶图标应移到右上角预先感谢:)
您可以通过使用很容易做到这一点flex
的justify content
CSS属性之间的空间。
另外,已经为您添加了一个类来li
执行CSS而不是在label
=>上执行CSS,因为这可能会弄乱页面上所有标签的CSS。
您可以在此处了解更多信息flex
运行下面的代码段。
.filter-trash-icon {
display: flex;
justify-content: space-between;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<li class="filter-trash-icon"><label class=""><input type="radio" data-name="selectItem" value="nfwsfd" original-value="nfwsfd"> <span>nfwsfd</span><div> <a class="delete-savedFilter" type="button"></a></div></label><i class="fa fa-trash"></i></li>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句