编程字典

源代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编程字典</title>
  <style>
  .flex-container {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      text-align: center;
  }

.flex-container > * {
      padding: 15px;
      -webkit-flex: 1 100%;
      flex: 1 100%;
  }

.article {
      text-align: left;
  }

header {background: black;color:white;}
  footer {background: #aaa;color:white;}
  .nav {background:#eee;}

.nav ul {
      list-style-type: none;
      padding: 0;
  }
  .nav ul a {
      text-decoration: none;
  }

@media all and (min-width: 768px) {
      .nav {text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;}
      .article {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
      footer {-webkit-order:3;order:3;}
  }
  </style>
  </head>
  <body>

<article class="article">
    <h1>北京</h1>
    <p>
      北京，简称“京”，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、国际交往中心、科技创新中心，
      是中国共产党中央委员会、中华人民共和国中央人民政府和全国人民代表大会的办公所在地，中国中部战区司令部驻地。
    </p>
    <p>
      2015年末，北京全市常住人口2170.5万人，比2014年末增加18.9万人。其中，常住外来人口822.6万人，占常住人口的比重为37.9%。
      2015年北京市实现地区生产总值22968.6亿元，比2014年增长6.9%。
    </p>
  </article>

</body>
</html>

运行结果