听起来很简单，但说我正在使用引导程序，并且当我调整下面的文本的大小时，输入框具有标签。
这是一些简单的html演示：
<form action="http://google.com">
<div>
<label for="inputBox">Email address</label>
<input name="email" type="text" id="inputBox"/>
<br>
(Center under input)
</div>
</form>
标签应与输入文本框相关联，文本“（输入下方的中心）应出现在输入框的中间。
因此，理想情况下（输入下方居中）文本应粘贴在输入文本框下方的中央位置，而标签正常运行。
这可能吗？我目前正在尝试使用一张桌子（包含所有内容），但无法使其正常运行，我尝试过定位等。仍然没有运气。
任何帮助深表感谢。
您可以用一块石头杀死2只鸟-使用与屏幕阅读器兼容的可访问输入，并使用以下标记结构将文本居中：
label {
max-width:300px;
display:block;
}
label span {
text-align:left;
display:block;
}
label input {
width:100%;
} <form action="http://google.com">
<label>
<span>Email address</span>
<input name="email" type="text" id="inputBox"/>
<span style="text-align:center">center me</span>
</label>
</form>注意，您不需要该for属性。这是实现可访问性的一种干净方法。一些简单的CSS可以使文本对齐。如果您不想使用内联样式，则可以始终编写另一个类。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句