码迷,mamicode.com
首页 > 其他好文 > 详细

解决input之间的空隙

时间:2015-10-02 20:01:50      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

<!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>

解决input之间的空隙

标签:

原文地址:http://www.cnblogs.com/12606huchao/p/4852571.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!