zoukankan      html  css  js  c++  java
  • 如何让div它们在一行显示

     !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
    <head profile="http://www.w3.org/2000/08/w3c-synd/#">
    <meta http-equiv="content-language" content="zh-cn" />
    <meta http-equiv="content-type" content="text/html;charset=gb2312" />
    <title>blueidea</title>
    <style type="text/css">
    <!--
    body {font-size:12px;
    margin:0;
    padding:0;}
    #head { position:relative;
    margin: auto; /*---页面居中的写法------*/
    900px; /*----加了宽度效果就看得出了,原来是全屏的-----*/
    }
    .vb {
    float:left;
    height: 200px;
    300px;
    background:#CC0000;
    }
    .bb {float:left;
    height: 200px;
    300px;
    background:#3300CC;
    }
    .vv {float:left;
    height: 200px;
    300px;
    background:#FF9900;
    -->
    </style>
    </head>
    <body>
    <div id="head">
    <div class="vb">此处显示 class "vb" 的内容</div>
    <div class="bb">此处显示 class "bb" 的内容</div>
    <div class="vv">此处显示 class "vv" 的内容</div>
    </div>
    </body>
    </html> 

  • 相关阅读:
    区别Lua模式匹配中 %a+ 与 .-
    将硬件规定的通信协议用Lua实现(涉及到很多Lua通信的数据转换)
    Lua库-string库
    Unity3d
    Unity3d
    Unity3d
    Unity3d
    Unity3d
    Unity3d
    Unity3d
  • 原文地址:https://www.cnblogs.com/zdcaolei/p/2122928.html
Copyright © 2011-2022 走看看