样式设置复选框和锚定标记紧挨着
样式设置复选框和锚定标记紧挨着
提问于 2018-06-03 05:43:01
我有一个复选框，然后我有一个锚标签，显示一些文本，然后将有chevron按钮，以切换或向上或向下。目前，我的复选框和锚标签在单独的行上，我想让我的锚标签紧挨着我的复选框。我如何样式化下面的代码才能使其成为可能。
<header class="refine-menu-subheader" style="display: flex; flex-direction: row; align-items: baseline;">
<div class="checkbox">
<label>
<input type="checkbox"
[checked]="item.isActive"
(change)="">
<span class="text-body"></span>
</label>
</div>
<a class="refine-menu-collapse" style="display: flex; flex-direction: row; align-items: baseline;" data-toggle="collapse" data-collapse-icon="ChevronDown" data-expand-icon="ChevronUp" aria-expanded="false" [attr.aria-controls]="item.id" [attr.data-target]="'#'+item.id">
<h3 class="refine-menu-subtitle">{{item.name}}</h3>
<span class="win-icon refine-menu-icon"></span>
</a>
</header>回答 1
Stack Overflow用户
发布于 2018-06-03 06:07:39
您可以将.checkbox和.refine-menu-collapse都设置为display: inline-block，这应该足以完成您需要的操作。将它们都包装在一个div中可能是一个好主意，但以防这会对它周围的其他元素造成一些意外行为。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50661412
复制相关文章
相似问题