成人国产精品久久久网站-国产精品蜜-午夜色播-亚洲经典一区二区三区-性迷宫在线-色资源在线-免费看黄色小视频-男人天堂免费视频-亚洲欧洲精品视频-国产精品超碰-av无遮挡-日韩中文一区二区-亚洲h在线观看-97色伦影院-久久大胆

html/css中兩個div在同一行

2016/9/20 8:45:41   閱讀:2042    發(fā)布者:2042

在界面設(shè)計的時候,經(jīng)常需要將兩個div在同一行顯示。

但是每次都會忘記怎么做,特此隨筆,備忘。

如以下要將“第一個div”和“第二個div”顯示在同一行:

<div id="id1">  /*外層div*/

    <div id="id2" style="width:100px;height:20px;">第一個div</div>

    <div id="id3" style="width:100px;height:20px;">第二個div</div>

</div>

只需要對id2和id3增加css樣式即可,如下所示:

<div id="id1">  /*外層div*/

    <div id="id2" style="width:100px;height:20px;float:left;">第一個div</div>

    <div id="id3" style="width:100px;height:20px;float:left;">第二個div</div>

</div>

這樣就可以了。很簡單吧。