文本框中的中心跨度

-1

我有一個文本框，我想在它內部插入span。我希望它始終處於垂直中心位置，但是我的問題在於它不是以某些設備爲中心，而是使用百分比值對其進行測試，但無法正常工作。文本框中的中心跨度

clearBtn { 
 
\t position: relative; 
 
\t left: 74px; 
 
\t transition: left 0.3s; 
 
\t font-size: 20px !important; 
 
\t font-family: "B Nazanin" !important; 
 
\t top:50% 
 
}

<span id="clearBtn1" class="clearBtn">09</span> 
 
<input type="tel" id="PhoneField" class="phoneBox" maxlength="9"/> 
 

 
    .

來源

2017-10-28 sepehr

沒有文本框，在這裏 - 你談論的輸入元素？爲什麼你想在輸入內跨度？ – kabanus

要準確地將一個項目置於另一個項目中，它需要位於項目內 - 這不能通過輸入完成。您需要將div放在div上，然後將span放在div的中間，但是如果span在頂部，您可能無法點擊它下面的輸入。 – Laura

這將是有意義的，如果你選擇使用「佔位符」，而不是 – Nimsrules

這裏有一個例子可以幫助你：

試圖改變div的寬度看，它始終是centerd。

div { 
 
    position: relative; 
 
    width:200px 
 
} 
 
.phoneBox{ 
 
    display:block; 
 
    width:100%; 
 
} 
 
.clearBtn { 
 
    position: absolute; 
 
    left:calc(50% - 8px); 
 
    font-size: 20px !important; 
 
    font-family: "B Nazanin" !important; 
 
}

<div> 
 
    <span id="clearBtn1" class="clearBtn">09</span> 
 
    <input type="tel" id="PhoneField" class="phoneBox" maxlength="9" /> 
 
</div>

來源

2017-10-28 12:34:58

文本框中的中心跨度

回答

相關問題