input和button两行编写中间有空格解决方案

发布时间:2024年01月05日
<input type="text" placeholder="请输入内容"  > 
<button  onclick="add" >添加</button>

引起这种空白间隔的原因:

浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格,也就是我们上面的代码

换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度。

解决方法有下面几种:
1.给input和button同时浮动;
2.直接把它俩写在一行;
3.定位;

文章来源:https://blog.csdn.net/laoli815/article/details/135411966
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。