div的水平排列、垂直排列
垂直排列–css–.lay1{width:200px;height:20px;border:1px solid #FF6699;}.lay2{width:200px;height:20px;border:1px solid #FF6699;...
·
垂直排列
–css–
.lay1{
width:200px;
height:20px;
border:1px solid #FF6699;
}
.lay2{
width:200px;
height:20px;
border:1px solid #FF6699;
}
.lay3{
width:200px;
height:20px;
border:1px solid #FF6699;
}
–html–
<div class="lay1"></div>
<div class="lay2"></div>
<div class="lay3"></div>
效果图:
水平排列
在相应的样式中加一个float:left
即可:
–css–
.lay1{
width:100px;
height:20px;
border:1px solid #FF6699;
float:left
}
.lay2{
width:100px;
height:20px;
border:1px solid #FF6699;
float:left
}
.lay3{
width:100px;
height:20px;
border:1px solid #FF6699;
float:left
}
–html–
<div class="lay1"></div>
<div class="lay2"></div>
<div class="lay3"></div>
效果图:
更多推荐
已为社区贡献1条内容
所有评论(0)