专栏首页前端重点笔记两个input标签之间间隙问题的解决

两个input标签之间间隙问题的解决

 <input type="text">
 <input type="button" value="搜索">

  代码显示效果:

解决方案

1、改变HTML结构,input之间不要换行

1  <input type="text">
2 <input type="button" value="搜索">

改变HTML结构清除input间隙

2、给第一个input添加左浮动

input[type="text"]{
float:left;
}
input[type="button"]{
float:left;
}

改正之后代码效果如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript网页全屏API

    在大多数的浏览器中都有实现网页全屏显示的功能,并且大部分浏览器实现全屏显示和退出全屏显示的快捷键通常是F11和Esc两个按键。如今,W3C已经制定了关于网页全屏...

    用户6167509
  • 使用postman消费Marketing Cloud的contact读取API

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    Jerry Wang
  • 教你使用HTML5原生对话框元素,轻松创建模态框组件

    以前,如果我们想要构建任何形式的模式对话框或对话框,我们需要有一个背景,一个关闭按钮,将事件绑定在对话框中的方式安排我们的标记,找到一种将消息传递出去的方式对话...

    用户6167509
  • 从Loading动画示例学习CSS3动画基础

    以前说页面是动态,基本都是说数据是从数据库查询的,不是写死在html代码里面的。现在的说页面动态,一般会问:你是说数据,还是效果动态?

    Javanx
  • 由微信小程序原生组件层级引发的“血案”

    今天就来谈谈微信小程序,原生组件层级导致的问题。 官方是这样说的:“原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原...

    Javanx
  • Todo List: Vue待办事项任务管理 – 第一章

    如果您所在公司有用过类似的todo list产品,那应该对其不是很陌生。todo list(待办事项列表),非常有名的todo list产品有Teambitio...

    Javanx
  • 4种方案解决CSS浏览器兼容性问题

    前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了,更让人头疼的是,还要面临各种适配、兼容性问题。

    Javanx
  • javaScript事件委托

    一、概念理解: 1、事件:HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。比如点击事件、鼠标移入/移出事件等。事件通常与函数配合使...

    用户6167509
  • 面试必备:GET和POST 的区别详细解说

    最近一些小伙伴面试都会被问到 get 和 post 的区别,很多都只能简单的说几点,今天我们就来把弄的明明白白,彻彻底底。

    Javanx
  • 初次接触CSS变量

    本文的目的主要是展示CSS变量是如何工作的。随着Web应用程序变得越来越大,CSS变得越来越大,越来越多,而且很多时候都很乱,在良好的上下文中使用CSS变量,为...

    用户6167509

扫码关注云+社区

领取腾讯云代金券