css怎么让两个框架并排
可以使用float属性或者display属性实现两个框架并排。
- 使用float属性
将两个框架都设置为float:left,这样它们就会并排显示。
.box1 {
float: left;
width: 50%;
}
.box2 {
float: left;
width: 50%;
}
- 使用display属性
将两个框架都设置为display:inline-block,这样它们也会并排显示。
.box1 {
display: inline-block;
width: 50%;
}
.box2 {
display: inline-block;
width: 50%;
}
注意:使用display:inline-block时,需要注意两个框架之间的空格会被渲染成一个空格,如果需要去除空隙可以使用font-size:0;或者letter-spacing:-4px;等方法。
原文地址: http://www.cveoy.top/t/topic/bBEV 著作权归作者所有。请勿转载和采集!