input button select是块状元素行内元素仍是inline-block元素啊-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20366 次

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

------解决方案--------------------
他是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>

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

引用:

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

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>