文本框中的中心跨度

-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

文本框中的中心跨度

回答

相关问题