关于html中input组件间空隙的去除

  有空隙的时候的代码是这样的:

<input type="text" name="search" title="请输入要搜索的内容" style="width:537px;">
<input type="submit" value="百度一下"style="background-color:rgb(49, 126, 243);width:104px;color:white;">

  这样的话两个组件中间是有一点儿空隙的

  变成这样则没有空隙

<input type="text" name="search" title="请输入要搜索的内容" style="width:537px;"><input type="submit" value="百度一下"style="background-color:rgb(49, 126, 243);width:104px;color:white;">

  也就是写在一行,别问我为什么,我也不知道为什么-_-|||

  希望对大家有所帮助

 

  以上

 

//20190114更新

另一种更好的解决方法(因为要是所有都写在一行后期不好维护)

标签源代码在编辑的时候,如果两个标签不写在一行,有可能出现标签中间有间隙的问题,当然,写在一行就不存在这个问题,但是为了美观,要用另一种方法来解决:在父标签中设置属性font-size0;然后在字标签中设置font-size:原有大小;即可解决

 

posted @ 2019-01-13 17:09  醉生梦死_0423  阅读(943)  评论(0编辑  收藏  举报