label 和input/textarea居中对齐

本文转载自查看原文 2019-01-05 21:08 744 html/css

设置label和input/textarea的vertical-align: middle;即可实现垂直方向居中对齐。有时候可能会有偏差，设置input的margin-top使看上去居中对齐

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 HTML:form表单总结，input，select，option，textarea，label 和

</a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/2700891.html" title="表单元素input、按钮、文字完美垂直居中对齐方法">
			           <i class="icon-fire"></i>
			           
			           表单元素input、按钮、文字完美垂直居中对齐方法
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/ea39731.html" title="【css】居中对齐方法">
			           
			           <i class="icon-file"></i>
			           【css】居中对齐方法
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/bf28ed1.html" title="水平居中对齐和垂直居中">
			           
			           <i class="icon-file"></i>
			           水平居中对齐和垂直居中
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/c2c2d11.html" title="canvas画布的居中对齐方式">
			           <i class="icon-fire"></i>
			           
			           canvas画布的居中对齐方式
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/81e0031.html" title="<input>参数及<textarea>参数总结">
			           
			           <i class="icon-file"></i>
			           <input>参数及<textarea>参数总结
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/ce8ce21.html" title="去除input和textarea的默认样式">
			           
			           <i class="icon-file"></i>
			           去除input和textarea的默认样式
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/6b718f1.html" title="<input type="text">和<textarea>的区别">
			           <i class="icon-fire"></i>
			           
			           <input type="text">和<textarea>的区别
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/9ff1431.html" title="css label两端对齐">
			           
			           <i class="icon-file"></i>
			           css label两端对齐
			           </a>
			       			       
			   
			   
			   <div id="right_float_ad" class="ad">
				</div>
			</div>
			</div>
		</div>
	</div>
    <div class="clear"> </div>

<div class="fbar" style="z-index:100">
	<div class="span7" style="color:grey;font-size:12px;">
	</div>
	<div class="pull-right">
		<span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2026 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20260218"></script>
<script>
   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	}

(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})();

</script>

</body>
</html>