html输入框间隔,input间的间距和文字上下居中

使用环境：debian8 + firefox-45.8

请看：

css

* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }

.left { width:420px;height:30px; }

.search_btn { width:70px; height:30px; line-height:30px; }

显示效果

这里有两个问题：

1。submit中的文字无法上下居中

设置了vertical-align:middle;无法让文字 “搜索”上下居中

“搜索”两个字偏靠下

2。两个input的间距问题

有一种解释，空格也占据空间。

下面修改一个html结构，发现间距确实变小了一点，但是，为何仍旧没有消失。

css不变，显示效果如下：

为何还有间距？已经设置了padding:0px;margin:0px; ？

对input.left增加border ,将css修改为：

* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }

.left { width:420px;height:30px;border:1px solid red; }

.search_btn { width:70px; height:30px; line-height:30px;}

间隙还在。

再对input.search_btn增加border

* { box-sizing:border-box;padding:0px;margin:0px;vertical-align:middle;font-size:12px; }

.left { width:420px;height:30px;border:1px solid red; }

.search_btn { width:70px; height:30px; line-height:30px;border:1px solid red; }

间隙消失

请：1。如何将文字上下居中

2。如何详细解释问题2？？

html输入框间隔,input间的间距和文字上下居中相关推荐

css中字体之间的距离是什么意思,css字符间距(css文字间距怎么设置)
怎么样控制字和字之间的间距,而不是行间距. 在需要设置的CSS标签下加入一下代码即可.word-spacing:8px;letter-spacing: 1px; line-height:25px是绝对 ...
如何调整HTML段落宽度,word空格宽度不一样选中需要调节间距的文字段落
word里空格间距不一样怎么调整复制的文字每行之间的空格间距不一样怎样才能把空格的间距调整成一致呢在Word中,不能用空格键调整字间距,可以下面的方法调整字间距. 方法一: 选中需要设置需要调 ...
linux 字体间距,字符间距和文字效果(转)
字符间距和文字效果(转) 一.设置字符间距 1.选中要进行设置的文本. 2.执行"格式"→"字体"→"字符间距"选项卡. 3."字 ...
vue 点击文字input_vue input实现点击按钮文字增删功能示例
本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: content="width=device-width, user-scalable=no, in ...
com.ashokvarma.android:bottom-navigation 修改导航栏图片和文字间的距离和文字的大小
我没引入com.ashokvarma.android:bottom-navigation 的底部导航栏,需要更改图片和文字间的距离和文字的大小,以及取消点击是字体大小的变化! 找到com.ashokv ...
css文字间距和文字对齐
css文字间距和文字对齐 css有letter-spacing属性,但有时仍难以对齐. 且在小程序中,&nbsp:无效此处变通一下,如你需要将姓名和手机号对齐: <text>姓名 ...
css设置字符间距后无法完全居中问题
有时,使用中文作为标题,字符间距按默认的话会显得文字拥挤,使用css属性letter-spacing可以设置文字间距.但是会出现如上图所示的问题,因为letter-spacing在每个字符的右侧加了一 ...
设置input输入长度中文一个文字等于2个引文字符为了解决这个问题
/** * 设置input输入长度中文一个文字等于2个引文字符为了解决这个问题 * 使用 maxcodelength="" 即可 */ $('input[type=" ...
html汉字间的间距,div字间距-div内文字之间间距设置方法
本篇文章给大家带来的内容是关于div字间距-div内文字之间间距设置方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. div内字与字间距是否可以用CSS代码实现? 答案:可以使用c ...

html输入框间隔,input间的间距和文字上下居中

html输入框间隔,input间的间距和文字上下居中相关推荐

最新文章

热门文章