请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站
div css切图

网页切图论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

切图广告位招租网站切图广告位招租
查看: 210|回复: 0

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

[复制链接]

1900

主题

0

听众

7943

积分

管理员

Rank: 9Rank: 9Rank: 9

  • TA的每日心情

    2018-6-7 16:07
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]常住居民II

    发表于 2016-7-3 09:58:43 |显示全部楼层
      
      在进行divcss6.com/" target="_blank" class="relatedlink">div css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会碰到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
      我们来看下面的例子,如何解决文本输入框与文本对齐的问题!

    代码调试框 []

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

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

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    回顶部