文本輸入框與文本不對(duì)齊(input對(duì)齊同一行的文字)怎么辦？_Div+CSS教程
      
編輯Tag賺U幣
      


      教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
      


      


						　　
      　　在進(jìn)行div css網(wǎng)頁(yè)布局的時(shí)候，不可避免的需要插入一定的表單元素，input是其中最常見的一種。我們?cè)诓季种校?huì)碰到文本輸入框與同處一行的文本不對(duì)齊的問(wèn)題。這個(gè)問(wèn)題設(shè)置input的vertical-align:middle屬性來(lái)解決。
      　　我們來(lái)看下面的例子，如何解決文本輸入框與文本對(duì)齊的問(wèn)題！

       代碼調(diào)試框 [www.wf0088.com]

           [ 可先修改部分代碼 再運(yùn)行查看效果 ]

      　　在a中是未設(shè)置的樣子。文本與文本框不能垂直對(duì)齊，很不美觀。
      　　在b中，設(shè)置了vertical-align:middle;解決了這一問(wèn)題。文本與文本框垂直居中對(duì)齊。
      　　




      

      



      


      來(lái)源：無(wú)憂整理//所屬分類：Div+CSS教程/更新時(shí)間：2007-01-10


      

      



      


      



      相關(guān)Div+CSS教程：