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