使标签的宽度与下面的语义UI相同

问题描述 投票:0回答:1

如何使Label和输入框具有与bootstrap一样的宽度,目前我的页面是这样的enter image description here我的代码是这样的

    <div class="three column row">
        <div class="left floated column">
            <div class="inline fields">
                <label style="width:128px;">Customer Code</label>
                <div class="ui input right icon">
                    <i class="search icon"></i>
                    <input type="text" id="CustomerCode" class="search" readonly name="card[number]" placeholder="">
                </div>
            </div>
            <div class="inline fields"> 
                <label style="width:128px;">Customer Name</label>
                <input type="text" name="card[number]" placeholder="">
            </div>
        </div>
        <div class="right floated column">
            <div class="inline fields"> 
                <label>Customer Name</label>
                <input type="text" name="card[number]" placeholder="">
            </div>
            <div class="inline fields"> 
                <label>Phone No</label>
                <input type="text" name="card[number]" placeholder="">
            </div>
        </div>
    </div>
html css semantic-ui
1个回答
0
投票
这可能是简单的解决方案之一
© www.soinside.com 2019 - 2024. All rights reserved.