Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 

115 rader
2.9 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <!--var hm = document.createElement("script");-->
  4. <!--hm.src = "https://hm.baidu.com/hm.js?4b3fd515907f4daca589f0137bc04349";-->
  5. <!--var s = document.getElementsByTagName("script")[0];-->
  6. <!--s.parentNode.insertBefore(hm, s);-->
  7. <!--})();-->
  8. <script src="https://hm.baidu.com/hm.js?4b3fd515907f4daca589f0137bc04349" type="text/javascript"></script>
  9. <head>
  10. <meta charset="utf-8">
  11. <link rel="shortcut icon" href="./static/image/favicon.ico">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <style>
  14. .ub
  15. {
  16. display: -webkit-box;
  17. display: -moz-box;
  18. position:relative;
  19. }
  20. /*以反方向显示 div 框的子元素*/
  21. .ub-rev
  22. {
  23. -webkit-box-direction:reverse;
  24. -moz-box-direction:reverse;
  25. }
  26. .ub-fh
  27. {
  28. width:100%;
  29. }
  30. .ub-fv
  31. {
  32. height:100%;
  33. }
  34. .ub-con
  35. {
  36. position:absolute;
  37. width:100%;
  38. height:100%;
  39. }
  40. /*通过使用 box-align and box-pack 属性,居中 div 框的子元素*/
  41. .ub-ac
  42. {
  43. -webkit-box-align:center;
  44. -moz-box-align:center;
  45. }
  46. /*通过使用 box-align and box-pack :end属性,右下 div 框的子元素*/
  47. .ub-ae
  48. {
  49. -webkit-box-align:end;
  50. -moz-box-align:end;
  51. }
  52. .ub-pc
  53. {
  54. -webkit-box-pack:center;
  55. -moz-box-pack:center;
  56. }
  57. .ub-pe
  58. {
  59. -webkit-box-pack:end;
  60. -moz-box-pack:end;
  61. }
  62. /*不知道*/
  63. .ub-pj
  64. {
  65. -webkit-box-pack:justify;
  66. -moz-box-pack:justify;
  67. }
  68. /*从上向下垂直排列子元素。*/
  69. .ub-ver
  70. {
  71. -webkit-box-orient:vertical;
  72. -moz-box-orient:vertical;
  73. }
  74. /*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/
  75. .ub-f1
  76. {
  77. position:relative;
  78. -webkit-box-flex: 1;
  79. -moz-box-flex: 1;
  80. }
  81. .ub-f2
  82. {
  83. position:relative;
  84. -webkit-box-flex: 2;
  85. -moz-box-flex: 2;
  86. }
  87. .ub-f3
  88. {
  89. position:relative;
  90. -webkit-box-flex: 3;
  91. -moz-box-flex: 3;
  92. }
  93. .ub-f4
  94. {
  95. position:relative;
  96. -webkit-box-flex: 4;
  97. -moz-box-flex: 4;
  98. }
  99. </style>
  100. <title>蜘蛛出行 安全、舒适、便捷</title>
  101. </head>
  102. <body>
  103. <div id="app"></div>
  104. <!-- built files will be auto injected -->
  105. </body>
  106. </html>