关于行内元素之间有空隙的问题,例如span与input之间

问题如图:

想要的是下面的效果,而却出现上面的效果,解决方法如下:

对于行元素span或者input来说 很多人会用inline-block来显示他们,但是往往发现  中间会留一段小空隙 ,

其实这个问题是由于换行引起的

<input>

<span>

解决一:

我们通常都是一个标签写一行,如果我们把上一行标签的尾巴移到下一行  自然可解决这个问题,如下

<input

><span>

解决二:

设置float:left来解决。

 

posted @ 2018-03-16 15:17  SophiaLiu  阅读(423)  评论(0编辑  收藏  举报