如何在checkBoxGroup标签中添加空格？

Question

这是checkBox组

<xp:checkBoxGroup id="checkBoxGroup1" layout="pageDirection">
    <xp:selectItem itemLabel="aaaaa"></xp:selectItem>
    <xp:selectItem itemLabel="bbbbb"></xp:selectItem>
    <xp:selectItem itemLabel="ccccc"></xp:selectItem>
    <xp:selectItem itemLabel="ddd       fgggggg"></xp:selectItem>
</xp:checkBoxGroup></xp:view>

忽略第四项标签中的空格。添加空间转义 也加入

Answer 1

使用不间断的空格 。

添加任意数量的非破坏空格

<xp:selectItem itemLabel="ddd&#160;&#160;&#160;&#160;&#160;fgggggg"></xp:selectItem>

Answer 2

使用bootstrap，下面的内容如下所示：

    <div class="form-row">
        <div class="form-group col-md-4">

                    <xp:checkBox id="labelPCL" text="PCLx" value="px" style="margin-right:7px;"></xp:checkBox>

                    <xp:checkBox id="labelHAL" text="HALx" value="hx" style="margin-right:7px;margin-left:10px;"></xp:checkBox>

                    <xp:checkBox id="checkBox6" text="SBNx" value="sx" style="margin-right:7px;margin-left:10px;"></xp:checkBox>

        </div>
    </div>

以下是没有样式的相同内容：margin-right / left添加：