input button select是块状元素行内元素还是inline-block元素啊？

一天要饭生活又开始啦 2013-04-11 02:37:49

...全文

13988 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

UEAnswer 2013-04-11

打赏
举报

学习inline-block

一天要饭生活又开始啦 2013-04-11

打赏
举报

引用 4 楼 jikeytang 的回复:

引用 3 楼 veryhunger 的回复:引用 2 楼 xzy21com 的回复:inline:意思是可以与其他元素排成一排 block:意思是它可以设置高宽如果符合两个条件就是inline-block，你用CSS设置一下看看情况就明白那么inline-block应具备这两个优点了，在做导航条时把元素变成inline-block好呢还是用浮动好，哪个兼容性好啊？ ……

哦，那还是用浮动了

豪情 2013-04-11

打赏
举报

引用 3 楼 veryhunger 的回复:

引用 2 楼 xzy21com 的回复:inline:意思是可以与其他元素排成一排 block:意思是它可以设置高宽如果符合两个条件就是inline-block，你用CSS设置一下看看情况就明白那么inline-block应具备这两个优点了，在做导航条时把元素变成inline-block好呢还是用浮动好，哪个兼容性好啊？

肯定浮动好，inline-blockie6下有问题，如果不考虑ie6的话就用inline-block

一天要饭生活又开始啦 2013-04-11

打赏
举报

引用 2 楼 xzy21com 的回复:

inline:意思是可以与其他元素排成一排 block:意思是它可以设置高宽如果符合两个条件就是inline-block，你用CSS设置一下看看情况就明白

那么inline-block应具备这两个优点了，在做导航条时把元素变成inline-block好呢还是用浮动好，哪个兼容性好啊？

scscms太阳光 2013-04-11

打赏
举报

inline:意思是可以与其他元素排成一排 block:意思是它可以设置高宽如果符合两个条件就是inline-block，你用CSS设置一下看看情况就明白

豪情 2013-04-11

打赏
举报

他是inline-block元素。可以写个测试页测试一下： http://jsbin.com/iwehej/1/


<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <style type="text/css">
        *{ margin:0; padding:0;}
        body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;}
        table{border-collapse:collapse;border-spacing:0;}
        li{list-style:none;}
        fieldset,img{border:0;}
        article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
        q:before,q:after{content:'';}
        a:focus,input,textarea{outline-style:none;}
        input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
        textarea{resize:none}
        address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
        legend{color:#000;}
        abbr,acronym{border:0;font-variant:normal;}
        a{color:#0a8cd2;text-decoration:none;}
        a:hover{text-decoration:underline;}
        .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
        .clearfix{display:inline-block;}
        .clearfix{display:block;}
        .clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
        .none{display:none}
        .input1{ margin:50px;}
        .btn1{ width:130px; height:30px;border-radius:5px;}
    </style>
</head>
<body>
<input class="input1" type="text"/>
<button class="btn1">测试button</button>
</body>
</html>

本课程是linux驱动开发的第8个课程，主要内容是linux的input子系统。学习本课程的目标是对input子系统的框架结构有深入理解，应用层和驱动层的调用关系和方法完全了解，能够自己移植按键等常见输入类设备的驱动。