使用 PrimeNG 在同一行显示文字和复选框:支付宝、自助充值、账号提现、二维码提现
以下是使用 PrimeNG 编写 HTML 的代码,它将 '支付宝' 文字和复选框 '自助充值'、'账号提现' 和 '二维码提现' 放在同一行:
<div class="p-field-checkbox">
<label>
<span>支付宝</span>
<p-checkbox binary="true"></p-checkbox>
</label>
</div>
<div class="p-field-checkbox">
<label>
<span>自助充值</span>
<p-checkbox binary="true"></p-checkbox>
</label>
</div>
<div class="p-field-checkbox">
<label>
<span>账号提现</span>
<p-checkbox binary="true"></p-checkbox>
</label>
</div>
<div class="p-field-checkbox">
<label>
<span>二维码提现</span>
<p-checkbox binary="true"></p-checkbox>
</label>
</div>
注意,这里使用了 PrimeNG 的 <p-checkbox> 组件来表示复选框。每个复选框都放在一个 <div> 元素中,并使用 CSS 样式将它们放在同一行。
原文地址: https://www.cveoy.top/t/topic/mMN8 著作权归作者所有。请勿转载和采集!