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

  • 相关阅读:
    Spring使用Cache
    Spring AOP之切入点指示符
    centos下 php未安装posix扩展 安装phpsh导致的问题fix
    Linus:利用二级指针删除单向链表
    AngularJS学习之 ui router
    AngularJS学习之 angular-file-upload控件使用方法
    AngularJS学习之 登录表单 清爽验证(边学边更新)
    AngularJS图片上传功能实践
    JavaScript基础知识之 每日一题(网上搜罗来滴)
    AngularJS学习之 ngTable 翻页 功能以及利用angular service准备测试数据
  • 原文地址:https://www.cnblogs.com/yaoling/p/13494833.html
Copyright © 2011-2022 走看看