Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 等高列设置
Blogger Information
Blog 10
fans 0
comment 0
visits 7981
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
等高列设置
php还在初学
Original
618 people have browsed it
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>等高列设置</title>
  7.   </head>
  8.   <style>
  9.     .wrapper {
  10.       margin-left: -2em;
  11.       margin-right: -2em;
  12.     }
  13.     .container {
  14.       display: table;
  15.       width: 100%;
  16.       border-spacing: 1.5em 0;
  17.     }
  18.     .main {
  19.       display: table-cell;
  20.       background-color: gray;
  21.       width: 60vw;
  22.       color: #fff;
  23.       font-size: 1.5em;
  24.       font-family: "微软雅黑";
  25.     }
  26.     .sidebar {
  27.       display: table-cell;
  28.       padding: 2em;
  30.       background-color: firebrick;
  31.     }
  32.   </style>
  33.   <body>
  34.     <div class="wrapper">
  35.       <div class="container">
  36.         <div class="main">
  37.           同志们，朋友们：
  38.           今天，我们在这里隆重集会，纪念中国人民志愿军抗美援朝出国作战70周年。
  39.           70年前，由中华优秀儿女组成的中国人民志愿军，肩负着人民的重托、民族的期望，高举保卫和平、反抗侵略的正义旗帜，雄赳赳、气昂昂，跨过鸭绿江，发扬伟大的爱国主义精神和革命英雄主义精神，同朝鲜人民和军队一道，历经两年零9个月艰苦卓绝的浴血奋战，赢得了抗美援朝战争伟大胜利。
  40.         </div>
  41.         <div class="sidebar"></div>
  42.       </div>
  43.     </div>
  44.   </body>
  45. </html>

效果图：

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：图文结合,非常棒
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post