php控制两个按钮之间的距离,消除input,button之间的间距

代码:

459a8829a28a1c00e86eea0c92ba0ddb.png

效果:

7ec5f09c7b867d617a570eefaba82283.png

问题:

input,button标签之间出现了间距,这并不是我们所期望的。

解决方法:

1.在父级元素上设置属性:font-size:0px;

将input父级字体(font-size)设为0px,可以消除间隔,但是得重新设置内联元素(input)的字体大小;

ed26ac89b71ef9358b89199ca11db78a.png

2.去掉input,button标签之间的空格

dc9c54bf58dc7c43f2e701295c30cede.png

3.设置input为块元素,并且给一个左浮动

380e1ce37caf6f341cbc8fc9c4e3c118.png

效果:

257055aeb1ed578748450ca35c20dc5b.png

原因:

input是内联块状元素(inline-block);内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的。

两个button之间的间距如何去掉

在外层加上一个父元素,设置font-size:0;即可. 两个按钮之间的间距如何去掉

button标签和input button

一.定义和用法  标签定义的是一个按钮. 在 button 元素内部,可以放置文本或图像.这是与使用 input 元素创建的按钮的不同之处. 二 ...

HTML <input> <button> <submit>

定义和用法 value 属性规定与按钮关联的初始值.请始终为按钮规定 type 属性,如果不填默认值是 "submit".submit其实就是一个特殊的button.

HTML中button和input button的区别

button和input button的区别 一句话概括主题:具有相同的作用但是在可操控 ...

HTML 去调table表单里面td之间的间距

首先为大家展示一下最原始的代码和效果.直接在table中用td划分的表格会默认隐藏边框.  接下来我们用css来增加样式,为table增加边框. table { border: 1px solid # ...

[Android Pro] PullToRefreshListView怎么设置各个item之间的间距

reference to :  http://blog.csdn.net/qq_25943493/article/details/50923895 要设置第三方的上拉下载listView的item之间 ...

$POST 、$HTTP_RAW_POST_DATA、php://input三者之间的区别

$POST .$HTTP_RAW_POST_DATA.php://input三者之间的区别 访问原始 POST 数据的更好方法是 php://input或者$HTTP_RAW_POST_DATA.$H ...

去除行内(inline/inline-block)元素之间的间距

先展示一下,行内元素之间存在间距,实例代码如下:

如何去除内联元素(inline-block元素)之间的间距(转载)

如何去除内联元素(inline-block元素)之间的间距   前几天写一个专题页 div{width:900px;}div a{ display:inline-block; width:300px; ...

随机推荐

URAL 1915 Titan Ruins: Reconstruction of Bygones(思路)

搞这个题差不多是从比赛开始到结束. 从自信慢慢的看题一直到wrong到死. 这个题目可以说成是思路题,以为我们只要明白一点,这道题就成了纯暴力的水题, 那就是当操作数不足栈中数字数目的时候,我们就没有 ...

UISearchBar cover first cell of UITableView

1.相当重要的是 tableView.tableHeaderView = searchBar; 这一句一定要在 UIViewController viewDidLoad 的时候执行,否则就会出现 se ...

laravel 框架 开源的cms推荐

laravel 框架写的开源的cms系统 TypiCMS系统 多语言和模块化的CMS Laravel 5.2框架 下载地址:https://github.com/TypiCMS/Base Bootst ...

innobackupex 单脚本循环7天一全备6增备脚本更新

#!/bin/bash #日期转为天数 function date2days { echo "$*" | awk '{ z=-$)/); y=$+-z; m=$+*z-; j=*m ...

jetty-如何配置虚拟主机【转】

jetty-如何配置虚拟主机[转]http://weifly.iteye.com/blog/1152688 官方配置:http://wiki.eclipse.org/Jetty/Howto/Confi ...

VMWAR-workstatuon : 安装win10、server 2008 r2、server 2012 r2

最新版的VMWAR 不是很文档,建议大家还是下载稳定版,截止当前最新版的为15,用了,有点问题. 换成14~ 可以了.(15创建虚拟机安装vmware tools 怎么都安装不了). 关于创建虚拟机, ...

mysql 约束和外键约束实例

1.约束保证数据的完整性和一致性. 2.约束分为表级约束和列级约束.(根据约束所针对的字段的数目的多少来决定) 列级约束:对一个数据列建立的约束 表级约束:对多个数据列建立的约束 列级约束即可以在列定 ...

自学Python5.2-类和对象概念

自学Python之路 自学Python5.2-类和对象概念 面向对象编程的2个非常重要的概念:类和对象 对象是面向对象编程的核心: 在使用对象的过程中,为了将具有共同特征和行为的一组对象抽象定义,提出 ...

@RequestParam注解

SpringMVC的参数指定注解:@RequestParam,有下面四个方法:   value 参数绑定,value里写的是URL里参数名称 name 同上 required 是否必需参数,默认为tr ...

htop详解

一.Htop的使用简介 大家可能对top监控软件比较熟悉,今天我为大家介绍另外一个监控软件Htop,姑且称之为top的增强版,相比top其有着很多自身的优势.如下: 两者相比起来,top比较繁琐 默认 ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值