css樣式列表寬度自適應布局

 <style>
          body { margin: 0; padding: 0; }
          .items { font-size: 0; }      
　　　　　　/* .items{ display: flex;flex-wrap: wrap;} */
          .item { 
              display: inline-block;
              width: 33.3333%; 
              padding: 15px; 
              font-size: 14px; 
              text-align: center; 
              box-sizing: border-box; 
              }
          .item-con { background-color: #eee; height: 200px; border: 1px solid #ccc; }
      </style>
  <div class="items">
          <div class="item">
              <div class="item-con">xx001</div>
          </div>
          <div class="item">
              <div class="item-con">xx002</div>
          </div>
          <div class="item">
              <div class="item-con">xx003</div>
          </div>
          <div class="item">
              <div class="item-con">xx004</div>
          </div>
          <div class="item">
              <div class="item-con">xx005</div>
          </div>
 </div>