zoukankan      html  css  js  c++  java
  • css 列表多列多行 同行等高样式

    <ul>
            <li>车我</li>
            <li>车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v</li>
            <li>车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润</li>
            <li>车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v</li>
            <li>车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润</li>
            <li>车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润锋v车我华服日UC金额我我何润车我华服日UC金额我我何润锋v车</li>
          </ul>
    ul{
          display: flex;
          flex-wrap: wrap;
        }
        li{
          float: left;
           50%;
          background: #ff0;
          border: 1px solid #000;
          box-sizing: border-box;
        }

    flex-wrap: wrap;让弹性盒元素在必要的时候拆行:就是用于换行

  • 相关阅读:
    《软件测试经验与教训》—读书笔记
    【转】性能测试工程师的素质
    【转】如何成为优秀的性能测试工程师
    性能测试学习之路
    FTP 、TCP/IP、HTTP、Cookies、Session
    Loadrunner工具介绍
    tesseract-ocr图像识别技术(一)
    MongoDB 自动分片 auto sharding
    mongodb 3.0下载安装、配置及mongodb最新特性、基本命令教程详细介绍
    java使用memcached2--集群部署
  • 原文地址:https://www.cnblogs.com/yaoling/p/13494833.html
Copyright © 2011-2022 走看看