div 并列办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhenzuo_x/article/details/79945669

    在CSS中,div为块状元素,会自动实现换行效果。因此若有多个div结构要实现并列,可以使用如下方法:

1. float:left 方法

HTML:

<div id="testOne">testOne</div>
<div id="testTwo">testTwo</div>
CSS:
#testOne{
    float:left;
}
#testTwo{
    float:left;
}

但要注意,在用float:left的方法过程中,应注意多个div加起来的总宽度不能超过页面总宽度,超过的话自然会往下面继续排。



2. display:inline 方法

HTML:

<div id="testOne">testOne</div>
<div id="testTwo">testTwo</div>
CSS:
#testOne{
    display:inline;
}
#testTwo{
    display:inline;
}

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试