css3技术

文本输入框与文本不对齐(input对齐同一行的文字)怎么办?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 14:08 我要评论( )

文本输入框与文本不对齐(input对齐同一行的文字)怎么办?,学习文本输入框与文本不对齐(input对齐同一行的文字)怎么办?,文本输入框与文本不对齐(input对齐同一行

  
  在进行div css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会碰到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
  我们来看下面的例子,如何解决文本输入框与文本对齐的问题!

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  在a中是未设置的样子。文本与文本框不能垂直对齐,很不美观。
  在b中,设置了vertical-align:middle;解决了这一问题。文本与文本框垂直居中对齐。
  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评