label和input里面文字不对齐的解决方法

测试了集中方法,发现不行。只能用专署标签解决这个问题。

<fieldset>
    <legend>神光咨询后台管理登录</legend>
    <br />
      <label>管理员</label>
      <input type="text"/><br />
      <label>密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
      <input type="text"/><br />
      <label>安全码</label>
      <input type="text"/><br />
      <label>验证码</label>
      <input type="text"/>&nbsp;&nbsp;<img alt="点击刷新验证码" width="80" height="20" style="CURSOR: pointer" src="CheckCode.aspx" onclick="CheckCode()" align="absmiddle" />
    </fieldset>

      <p><input type="submit" name="submit"value="登录" class="putbutton" />&nbsp;&nbsp;<input type="submit" name="submit" value="取消" class="putbutton" /></p>

IE8下面 input和label里面的文字是自然对齐的。但是ie6和ie7完全不正确,很多人的操作方法可能是将文字和input框分开分别放置到2个不同的div里面去解决。后来看了一下,没有必要采用这种方式。用hack解决就可以了。

so

input{width:150px;border:1px solid #66838c;margin:0 0 6px 0;*+vertical-align:bottom;_vertical-align:middle;}

这个是主要代码。利用“*+”,来专署定义IE7,利用“_” 来专署定义IE6。 定义过程中必须先将IE7放置到前面,IE6放置到后面,根据偏移量的不同选择上下浮动关系。 vertical-align:bottom ;由于我使用了高度比较合适这个,所以选择了bottom,正常情况 middle就行!

更多相关文章
  • 在浏览器上选择需要保存的文件,打印....就能出现打印预览界面,然后就可以保存了. 浏览器自带的打印功能能够屏蔽很多插件
  • input.button.文字的对齐~! 1.input文本框下移的方法:padding-top ,可以解决文本框向下移. 2.input文本框和button对齐可以给他们外面加table (例如,谷歌首页) 3.表单和文字对齐可以设置父容器的字体为Tahoma  4.select, input,l ...
  • CSS深入之label与input对齐
    我想很多人都会碰到label与input 对齐的问题. 这个东西本身不难,但是要做到与IE这个东西兼容确实有点头疼. 参考各大门户网站的前端源码. 得一方法,以记录之: html确实很简单: CSS如下: label{ display: inline-block; padding: 0 10px; ...
  • 写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮. 以前遇到过这个问题,但是都直接忽视,并未深究.今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在 ...
  • <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title& ...
  • 文字两端对齐
    当涉及到表单的时候,很多文字字段不一样长短,这个时候需要两端对齐 如下图 所示 ===================== 开始使用letter-spacing这样每个的去调试,很繁琐 使用空格也一个个的去实现,敲打 两个文字的中间的空格,可以使用"全角空格",但是3个文字的又不 ...
  • label与input间距的小问题
    先码后文 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g ...
  • css文字两端对齐 text-align:Justify(火狐);text-justify:inter-ideograph(IE) text-justify(IE) 基本语法 text-justify : auto | distribute | distribute-all-lines | dist ...
一周排行
  • 思乡之情,流露于言表,不安于现状,追逐梦想,拥抱云存储,那是必然.待到春暖花开时,那是王者归来.2010.09.25-----2015.11.10 一个时代的落幕
  • 一,配置本地yum1,挂载光盘mount /dev/cdrom/mnt/media2,新建本地yun源的配置文件vi /etc/yum.repos.d/local.repo加入以下信息:[Local]name=Loc ...
  • . ntsd格式:c:>ntsd -c q -p PID 只有System.SMSS.EXE和CSRSS.EXE不能杀.前两个是纯内核态的,最后那个是Win32子系统,ntsd本身需要它.ntsd从2000开始 ...
  •                                      第四章1.复合语句定义的变量是局部变量,复合语句就是该变量的作用域.在该作用域中,变量被创建并能够被使用,如果作用域外使用该变量,就会发生错误 ...
  • 忙,没有来得及写呢,见谅.
  • #include <iostream>#include <cstdio>#include <cstring>usingnamespace std; #define MAXN     ...
  • #define name [string]宏定义. 在编译预处理时, 对程序中所有出现的宏名, 都将使用宏定义中的字符串来替换... 变参, 用于传递可变参数列表, 可使用__VA_ARGS__来获取可变参数列表 # ...
  •         (比较匆忙,没有截图,用文字说明吧)        本本换了硬盘,老硬盘装的是VISTA系统,当USB移动硬盘用,但插在另外一台XP电脑下想访问这个硬盘的USERS目录时,发现:没有USERS目录,只 ...
  • 一不小心,上了胃软的当,学了一堆没有用的MS.一不小心,上来死磕的当,做了N年网络,见到大大小小的网络,形形色色的产品,各种各样的方案.一不小心,上了Web2.0的当,学了一堆LAMP,做了N年Web管理员,从D2到 ...
  • /** * <b>function:</b> 处理oracle sql 语句in子句中(where id in (1, 2, ..., 1000, 1001)), * 如果子句中超过1000项 ...