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;让弹性盒元素在必要的时候拆行:就是用于换行

  • 相关阅读:
    Pycharm使用
    解决TortoiseGit下载代码每次要输入用户名、密码
    GitLab创建项目
    【编码格式错误】SyntaxError: Non-UTF-8 code starting with
    C 位段,位域
    跳跃表 -- 随机平衡原理
    PHP 中的新语法 new static 是个啥意思?
    位运算之——按位与(&)操作——(快速取模算法)
    Redis Scan迭代器遍历操作原理(一)
    Redis Scan迭代器遍历操作原理(二)
  • 原文地址:https://www.cnblogs.com/yaoling/p/13494833.html
Copyright © 2011-2022 走看看