为什么我的input不水平对齐?

如图:

[img]http://dl2.iteye.com/upload/attachment/0097/6587/cabd10f9-6ecf-3e95-8a16-ff5ef8131a31.png[/img]

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

基本html:
[code="html"]

  • brandDishName $money

[/code]

3个回答

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

gundumw100
gundumw100 上级标签设置相对定位,再给input设置绝对定位.ok <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;position:relative;'> <img src='img/btn_minus.png' style='position:absolute;left:0px;top;0px;'> <input type='text' style='width:28px;height:28px;color:black;position:absolute;left:32px;top;0px;' value='1' /> <img src='img/btn_plus.png' style='position:absolute;left:64px;top;0px;'> </span> <span style='float:right'>$money</span> </div> </li> </ul>
6 年多之前 回复

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

iteye_13350
iteye_13350 我用你代码试过了,你写个class样式 把img和input 用一个float:left; 之后就可以平行了。
6 年多之前 回复
gundumw100
gundumw100 我试过用margin-top: -5px,可是一点效果也没有。
6 年多之前 回复

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

立即提问
相关内容推荐