ホームページ  >  記事  >  ウェブフロントエンド  >  次の code_html/css_WEB-ITnose で INPUT を垂直方向の中央に配置するにはどうすればよいですか?

次の code_html/css_WEB-ITnose で INPUT を垂直方向の中央に配置するにはどうすればよいですか?

WBOY
WBOYオリジナル
2016-06-24 12:14:341395ブラウズ

9243517385fcc64c336f7a34ad089b79 
 
97f2b6ae5f4f65bc7d15c6c9b9e8be8c 
b2386ffb911b14667cb8f0f91ea547a7表格6e916e0f7d1e588d4f442bf645aedb2f 
080b747a20f9163200dd0a7d304ba388 
ul {幅:100%;高さ:100%;リストスタイル:なし}
li {float:left; 高さ:60ピクセル;テキスト配置:センター;行の高さ:60ピクセル; padding-top:5px;}
li.b {border-bottom:1px solid #000;width:18%;border-right:1px solid #000; }
li.zhongjian {border-bottom:1px solid #000; width:58%;border-right:1px solid #000; }
li.you {
border-bottom:1px solid #000;
幅:18%; マージントップ:自動;

}
531ac245ce3e4fe3d50054a55f265927 
9c3bca370b5104690d9ef395f2c5f8d1 
 

f8362903a1accd5f7833e4c0121b5ed0  
ff6d136ddc5fdfeffaf53ff6ee95f185  
c56e5180965d53fee41cc440932d16c3生活更美好1bed06894275b65c1ab86501b08a632eb  
906c1c426485fb153e061dcf66e3e3d704d8d677a34537c849a764d06cefffbebed06894275b65c1ab86501b08a632eb  
5c16f828e348f9e24ce9ebc1c8eff2a0608c629475d826593fa8b8e6bac6b5f5bed06894275b65c1ab86501b08a632eb  
929d1f5ca49e04fdcb27f9465b944689  
16b28748ea4df4d9c2150843fecfba68
03ae7924627a7897291bea15762cde4416b28748ea4df4d9c2150843fecfba68
9a6552738f99fe9e4141ee10a6dd4c2e  
ff6d136ddc5fdfeffaf53ff6ee95f185  
c56e5180965d53fee41cc440932d16c3生活更美好2bed06894275b65c1ab86501b08a632eb  
906c1c426485fb153e061dcf66e3e3d7f2f1d729c4aa32c6a3283e04299983b36f15b8de772e1a90490efb6c4d025082bed06894275b65c1ab86501b08a632eb  
5c16f828e348f9e24ce9ebc1c8eff2a045a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb  
929d1f5ca49e04fdcb27f9465b944689  
16b28748ea4df4d9c2150843fecfba68  
03ae7924627a7897291bea15762cde4416b28748ea4df4d9c2150843fecfba68
0cc550eea13f3097d64645e1b7249c34  
ff6d136ddc5fdfeffaf53ff6ee95f185  
c56e5180965d53fee41cc440932d16c3生活更美好3bed06894275b65c1ab86501b08a632eb  
906c1c426485fb153e061dcf66e3e3d7f2f1d729c4aa32c6a3283e04299983b36f15b8de772e1a90490efb6c4d025082bed06894275b65c1ab86501b08a632eb  
5c16f828e348f9e24ce9ebc1c8eff2a0608c629475d826593fa8b8e6bac6b5f5bed06894275b65c1ab86501b08a632eb  
929d1f5ca49e04fdcb27f9465b944689  
16b28748ea4df4d9c2150843fecfba68
03ae7924627a7897291bea15762cde4416b28748ea4df4d9c2150843fecfba68


4ec11beb6c39d0703d1751d203c17053
window.onload=function(){
var a=document.getElementsByTagName("div");
for(i=0;i {
var b=a[i].getElementsByTagName("textarea");
if(b.length==0)
{
a[i].style.display='none';
}
}
}
2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956 
73a6ac4ed44ffec12cee46588e518a5e


回复讨论(解决方案)

你的input就放li中,さらにli中には入力要素が1つだけあり、那么你调input在li中の位置就行了
如果input旁边有文字就用 縦-整列:中央;

これを追加します css input IE下line-height設定は失效的 chrome等没有问题 现在カップル的解决方案就是用マージン

/* for IE */li input{	margin:20px;}  

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。