label默认为内联元素,元素前后没有换行符,并且不可以设置宽度。
如果要为label设置宽度,则需要改变label的display属性,使其变为一个块级元素。
方法如下:
1.增加inline-block属性值,将label标签变为行内块元素(css2.1新增)
label{display:inline-block}2.增加width属性,如将宽度设置为100px
label{width:100pxdisplay:inline-block}3.添加好后页面上所有的label标签会变为100px
css:#id{width:100%height:100%}
#main>div{
float:leftwidth:33.3%height:33.3%
line-height:33.3%text-align:center
}
html:
<div id='main'>
<div></div>
<div></div>
<div></div>
</div>
先看看等分的布局方案
1. float
兼容性较好(IE 8以上)
**2. flex **
兼容性较差(flex属于css3)
兼容性:IE8及以上
3. table
兼容性:可以兼容 IE 8
1. table
利用 table 的特性——每列等宽
2. flex
3. float
伪等高(只有背景显示高度相等),左右真实的高度其实不相等。 兼容性较好。