`
fuying88958
  • 浏览: 9484 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

复选框与文字对齐问题

 
阅读更多

今天做员工请假加班的页面时遇到这个问题:

 

IE6  IE7下:

 IE6  7

 

但IE8和FF下却对不齐:

ie  8FF

 

解决方案:给input加上vertical-align:middle;样式后,IE8和FF下都可以像IE6一样和它后面的文字对齐了。

分享到:
评论

相关推荐

    Axure7.0教程部件详解 Check Box 复选框

    4. **对齐方式**:默认情况下,复选框位于左侧,文字位于右侧。通过部件属性面板可以调整它们的位置关系。 5. **禁用复选框**:有时,为了防止用户错误操作,需要禁用某些复选框。这可以通过右键菜单或部件属性面板...

    VS2019MFC 控件自绘大全(按钮/复选框/单选框/菜单栏/静态文本/等控件自绘继承类)

    3. **复选框与单选框自绘** 对于CButton的子类,如CEdit、CCheckBox和CRadioButton,自绘同样通过OnDrawItem()进行。复选框和单选框的自绘需要处理选中和未选中的不同状态,以及可能的鼠标悬停效果。 4. **菜单栏...

    复选框 可用多选的dtree

    复选框dtree是一种在网页交互设计中常用的组件,它结合了树形结构和复选框功能,使得用户能够在层次化的选项中进行多项选择。在本案例中,我们看到两个核心文件:`dtree.css`和`dtree.js`,它们分别负责dtree的样式...

    纯CSS3 Material Design风格单选框和复选框特效.zip

    这个名为"纯CSS3 Material Design风格单选框和复选框特效.zip"的资源包,显然专注于利用CSS3技术实现Material Design风格的单选框(radio button)和复选框(checkbox)的交互效果。以下将详细介绍这一主题的相关...

    word使用心得之文字前添加选项框

    4. **添加文本**:如果需要在复选框旁边添加文本,可以直接在文档中输入相应的文字,然后适当调整文本的位置,使其与复选框对齐。 #### 知识点三:复选框的高级用法 1. **链接复选框**:可以将多个复选框进行链接...

    表单元素和文字垂直居中对齐问题解决整理

    对于单选框,可以尝试设置`vertical-align: -2px`,而复选框则可能需要`vertical-align: -3px`来使其与文字对齐。然而,在IE6和IE7中,可能还需要进行特定的浏览器hack,比如在这里,可能需要将单选框的垂直对齐调整...

    表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐)

    当表单元素,如`<input>`输入框或`<checkbox>`复选框,与它们的标签(通常是`<label>`元素)在视觉上无法对齐时,这会降低用户体验。本篇将详细介绍如何通过CSS来解决这个问题,特别是对于`input`和`checkbox`元素的...

    Word 表格单元格中的文字始终分散对齐

    - 在这里,可以看到“适应文字”复选框。 - 如果希望禁止文字自动分散对齐,则取消勾选“适应文字”;反之,则勾选它。 - 完成设置后,点击“确定”保存更改。 通过以上步骤,可以有效地控制Word表格中单元格内...

    易语言菜单圆形复选样式源码.7z

    4. **界面布局**:将圆形复选框与菜单文本正确地排列和对齐,确保整个菜单的视觉一致性。 5. **兼容性测试**:确保在不同版本的易语言环境下,以及在不同操作系统上都能正常显示和运行。 学习这个源码可以帮助你...

    checkbox与文字混排无法对齐导致不美观的解决方法

    先前代码如下 复制代码代码如下: <span xss=removed><input type=”checkbox” name=”send_message_item” />禁止解析BBCode/span> 如此无法居中,改变后代码如下 复制代码代码如下: <span><...

    checkbox美化.rar

    4. **文字样式**:调整与复选框关联的文字颜色、字体和对齐方式。 5. **过渡动画**:使用`transition`属性为切换状态添加平滑的动画效果。 `js`文件,可能是`script.js`,则包含了与复选框交互的JavaScript代码。...

    C#自定义控件(usercontrol)--美化单选按钮和复选按钮-D53.rar

    - 与单选按钮类似,可以调整复选框的外观,例如改变边框宽度、背景色、文字对齐方式等。 - 图标:可以为复选框添加自定义的勾选或未勾选图标,使其在视觉上更加醒目。 - 交互效果:可以实现点击时的动画效果,如...

    并排的两个对象如何水平对齐兼容ie6

    通过以上方法,我们可以在保持页面整体布局的同时,解决复选框与相邻文字在不同浏览器,特别是IE6中的对齐问题。当然,随着现代浏览器的普及,对于新项目,考虑IE6的兼容性需求可能不再那么必要,但仍需确保对其他较...

    HTML教程(图文并茂)

    复选和单选 图象坐标 隐藏表单的元素 列表框 文本区域 表格 基本语法 跨多行、多列的表元 尺寸设置 文字的对齐/布局 在页面中的对齐/布局 标题 表格进阶 色彩 分组显示 边框 ...

    用VBA制作智能交互型的培训课件.pptx

    属性与复选框类似,但有Value属性用于保存输入的文本,以及TextAlign属性用于设置文本对齐方式。 3. 命令按钮(CommandButton):用户确认选择或触发其他操作,例如检查答案。属性与复选框相同。 4. 单选框...

Global site tag (gtag.js) - Google Analytics