Question

我尝试使用float：right。

一个接一个地显示输入

[input][input][input]

但我没有看到步骤：

[input]
       [input]
               [input]

有人有什么建议吗？我使用表格中的标签如下

这是我的代码：

כותרתנוספת

    <label for="pa_passport">מספר ת.ז</label>
        <input type="text" name="pa_passport" id="pa_passport" placeholder="מספר ת.ז" /><br />

    <label for="pa_firstName">שם פרטי</label>
        <input type="text" name="pa_firstName" id="pa_firstName" placeholder="שם פרטי" /><br />

    <label for="pa_lastName">שם משפחה</label>
        <input type="text" name="pa_lastName" id="pa_lastName" placeholder="שם משפחה" /><br />

    <div style="clear:both"> </div>

    <label for="pa_city">עיר מגורים</label>
        <input type="text" name="pa_city" id="pa_city" placeholder="עיר מגורים" /><br />

    <label for="pa_car">מספר רכב</label>
        <input type="text" name="pa_car" id="pa_car" placeholder="מספר רכב" /><br />

    <label for="pa_city">שנת ייצור</label>
        <input type="text" name="pa_year" id="pa_year" placeholder="שנת ייצור" /><br />

    <h4 class="faqlike bluecolh2">כותרת נוספת</h4>

       <label for="pa_phone">טלפון</label>
        <input type="text" name="pa_phone" id="pa_phone" placeholder="טלפון" /><br />
       <label for="pa_phone"></label>
        <select>
            <option>054</option>
            <option>052</option>
            <option>053</option>
            <option>050</option>
            <option>08</option>
            <option>09</option>
        </select>

=== UPDATE =====

这是我的scss：

.private_area {
    label {
       display:none;            
    }
    input[type=text] {
       float: right;            
    }
}

Answer 1

我认为这是你想要的吗？

body { direction:rtl;}
H4    { clear:both; padding:20px 0;}
label { display:inline-block; width: 70px; margin:0 5px 0 0;}
.field { float:right;}

DEMO

如果您有任何疑问，请与我联系:)בהצלחה

Answer 2

我认为问题是每次输入后的break语句。

如何设置输入文本与css内联显示？

2 个答案: