首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div居中如何弄

2013-11-15 
div居中怎么弄style.a{border:1px solid redheight:50px}.b{border:1px solid bluefloat:left}.c{bo

div居中怎么弄

<style>
.a{border:1px solid red;height:50px;}
.b{border:1px solid blue;float:left;}
.c{border:1px solid green;float:left;}
</style>
<div class="a">
<div class="b">bbbbbbbbbbbbbbbbb</div>
<div class="c">ccccccccccccccccc</div>
</div>



我想让b和c 两个div 居中,该怎么弄
[解决办法]

<style>
    .a{border:1px solid red;height:50px;}
    .b{padding-left:12px;padding-right:12px;border:1px solid blue;}
    .c{border:1px solid green;float:left;}
    .d{width:300px;margin:0 auto;}
    .b,.c{text-align:center;}
</style>
<div class="a">
<div class="d">
    <div class="b">bbbbbbbbbbbbbbbbb</div>
    <div class="c">ccccccccccccccccc</div>
</div>
</div>

热点排行