为什么我的input不水平对齐？ - ITeye问答

问答首页 → Web前端技术

0 0

为什么我的input不水平对齐？10

如图：

我想让那个input与加减号对其，可总是下去了一点点，怎么办？

基本html：

<ul style="padding:0;margin:0;">
	<li style="padding:0;margin:0;">
        <div style='height:28px;line-height:28px;width:100%;background:red;'>
            <span style='float:left;width:50%'>brandDishName</span>
            <span style='width:100px;'>
                <img src='img/btn_minus.png'>
                <input type='text' style='width:28px;height:28px;color:black;' value='1' />
                <img src='img/btn_plus.png'>
              
            </span>
            <span style='float:right'>$money</span>
        </div>
    </li>
   
</ul>

问题补充：我试过用margin-top: -5px，可是一点效果也没有。

JavaScript CSS jQuery HTML5

2014年5月30日 16:41

gundumw100
87
0 0 10

查看图片附件

3个答案按时间排序按投票排序

0 0

采纳的答案

给两个img标签添加 align="absmiddle"，我试了下，基本能够对齐的，实在不行，给上级标签设置相对定位，再给input设置绝对定位

2014年6月04日 10:50

haiyangyiba
42
0 0 5

1条评论

0 0

多调节margin,padding和父容器的line-height来试试，好多浏览器对input的默认属性都不一样

2014年6月02日 11:22

coca
30
0 1 1

添加评论

0 0

你的input的高度可以调小点，input 可以用margin-top: -5px 让它上去。慢慢调

2014年5月30日 18:05

心跳-频率
30
0 0 1

2条评论

相关推荐

CCS实现input和img水平对齐的方法: 经常将input 和 img 放在同一行，img标签总是比input高出一个头，相当难看，下面与大家分享下CCS实现input和img水平对齐的方法，需要的朋友不要错过

使用vertical-align实现input和img对齐: 将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确...这样代码就会规规矩矩地水平对齐了。

Input标签与图片按钮水平对齐解决方法: 在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上

input文本框和img验证码对齐问题(img总比input高出一个头): 在制作网页过程中经常会将input 和 img 放在同一行实现左侧输入右侧验证码，不过与此同时出现的一个问题是文本框和验证码的水平对齐问题，下面与大家分享下具体的解决方法，有类似问题的朋友可以了解下哈

并排的两个对象如何水平对齐兼容ie6: 对于前边一个复选框，后边一句文字这样的排布，经常见，但问题总是很多，如何让它们两个并排对齐，有时候就是几个像素的问题，但各个浏览器就是不一样，特别是ie6. 今天忽然发现了解决这类问题的办法。一般的写法...

46种常见的浏览器兼容性问题大汇总: 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 ...7. firefox与IE的父元素(parentElement)的区别 3...26. 为什么FF下文本无法撑开容器的高度 3

jQuery EasyUI 1.5.2 离线简体中文API文档（含开发工具包、皮肤、扩展、演示）: 好吧，这次更新迟了，因为工作实在太忙，加上最近在忙着买车的事情，所以已经顾不过来了，今天上easyui官网看已经发布1.5.2了，查了一下发现好久之前就更新了，好在主要是优化和BUG修复，没有什么新内容的加入，所以...

html入门到放弃笔记: 文本的水平对齐方式取值：left / center / right 4、段落元素语法：<p></p> 属性：align : left / center / right Demo : 1、在 02-text.html 中，增加以下内容 1、用段落标记表示 :The first paragraph...

HTML开发王: 15.1 为什么要使用样式表 15.1.1 过去的不足和样式表的优点 15.1.2 了解css(层迭样式表) 15.1.3 html 4对样式表技术的支持 15.2 添加css样式到html网页 15.2.1 设置默认的样式表语言 15.2.2 内联样式 15.2.3 定义...

html&css;&JavaScript;基础笔记: 3. 表格分列——水平分列和竖直分列 7 Body体里面的标签——表单 8 1. 表单标签——get、post 8 2.表单控件——<input type=“text/password/checkbox/file....”> 8 3.表单按钮——<input ttpye=“submit/...

deskew:用于校正扫描文档的库: 这将导致水平和垂直对齐的图像，其中文本在页面上而不是倾斜地延伸。包含文本的图像中的歪斜检测和校正图像倾斜偏移校正后的图像CLI用法获取偏斜角： deskew input.png校正图像： deskew --output output.png input...

ASP.Net.Web程序设计: C)设置围绕一个图像的边框的大小 D)加入一条水平线 20、网页制作三剑客是指？ A)FRONTPAGE、PHOTOSHOP、JAVA B)DREAMWEAVER、PHOTOSHOP、Flash C)FRONTPAGE、FIREWORK、Flash D)DREAMWEAVER、FIREWORK、Flash 22、...

JQuery EasyUI 1.5.2 离线官方API中文文档含完整开发工具包+扩展 chm+pdf: form：修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG； textbox：修复在调用“destroy”方法的时候无法清除字段标签的BUG； datagrid：修复在不存在的行上调用“selectRow”方法的时候会导致记录...

编辑器 KindEditor 4.0.4: 开源：开放源代码，高水平，高品质底层：内置自定义 DOM 类库，精确操作 DOM 扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能风格：修改编辑器风格非常容易，只需修改一个 CSS 文件兼容：支持...

Web前端与移动开发之复合选择器 css元素显示模式背景属性.txt: 指定一个方位名词时没有指定的那个默认是居中对齐 ②参数是精确单位前面x 后面y 顺序不可变若第一个是精确单位一定是x 则另一个垂直居中 ③混合单位有顺序要求第一个为x 第二个为y （5）背景固定 ...

用CSS让按钮居中显示的思路及代码: 就是做到类似于下图这种效果通过简单的Css样式就可以实现复制代码代码如下: <div xss=removed> <input class=”submit” id=”btn” type=”submit” value=”注册” />...可以按照需要设置成不

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics