解决input之间的空隙
2015-10-02 19:09
281 查看
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="胡超">
<title>super胡</title>
<style type="text/css">
*{ margin:0px; padding:0px; }
#a1{ float:left; margin-top:20px; height:32px; line-height:32px; border:1px solid black; }
#a2{ margin-top:20px; height:34px; border:1px solid black;/*文本框默认使用盒模型content-box，32+1*2=34 按钮默认使用border-box 所以border不算在里面*/
}
</style>
</head>
<body>
<input type="text"id="a1"value="aaa"/><input type="button"id="a2"value="aaa"/><!--1. 让两个input不分开在一行（之间没有空隙）也可实现没有空隙 1.若分开则让第一个<input>float:left就可以了-->
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="胡超">
<title>super胡</title>
<style type="text/css">
*{ margin:0px; padding:0px; }
#a1{ float:left; margin-top:20px; height:32px; line-height:32px; border:1px solid black; }
#a2{ margin-top:20px; height:34px; border:1px solid black;/*文本框默认使用盒模型content-box，32+1*2=34 按钮默认使用border-box 所以border不算在里面*/
}
</style>
</head>
<body>
<input type="text"id="a1"value="aaa"/><input type="button"id="a2"value="aaa"/><!--1. 让两个input不分开在一行（之间没有空隙）也可实现没有空隙 1.若分开则让第一个<input>float:left就可以了-->
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HDU 5291 Candy Distribution
- 数据结构与算法分析(c++版) #13 堆与优先队列
- TL-WR703N刷OpenWrt (by quqi99)
- 关于OpenCV的那些事——Orb角点检测，BF匹配跟踪和LK光流跟踪
- 利用DBREF实现MongoDB的引用("外键")
- 通信原理实验（一）：调制与解调
- 智能机器人“小昆”的实现（二）获取服务器数据工具类的编写及测试
- 回归分析
- 窗体应用程序：四则运算
- LeetCode---Length of Last Word
- IO端口和IO内存的区别及分别使用的函数接口
- [codevs1557]热浪
- Hiho coder 1236 2015 北京网络赛 Score
- 整数划分问题
- Centos下Apache+Tomcat集群--搭建记录
- php yii连接mysql配置扩展
- 安卓培训第五天---上传文件SD卡
- & ^ | 位运算符的用法归纳
- JAVA的StringBuffer类
- JAG Summer 2012 Day 4 C Connect