首页 > 其他分享 >邮箱&网格布局

邮箱&网格布局

时间:2023-03-11 19:25:08浏览次数:26  
标签:布局 网格 fgasfagufhuiahfua 邮箱 团队 ToMe

<html>
    <head>
        <title>邮件</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    <input type="checkbox">
                </div>
                <div class="col-md-1">
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F09%2F20210609081952_51ef5.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1681115141&t=2688fe16546da9a488db69804cf27d7a" height="30" class='img-circle'>
                </div>
                <div class="col-md-3">
                <strong>账号团队</strong>
                </div>
                
                <div class="col-md-1">
                <span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
                </div>
                <div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
                <div class="col-md-1">
                <span class="label label-info">ToMe</span>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    <input type="checkbox">
                </div>
                <div class="col-md-1">
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F22%2F20210622154903_3c36a.thumb.1000_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1681123665&t=a9d6e4a318db0c177169b001d0890545" height="30" class='img-circle'>
                </div>
                <div class="col-md-3">
                <strong>博客园系统通知</strong>
                </div>
                
                <div class="col-md-1">
                <span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
                </div>
                <div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
                <div class="col-md-1">
                <span class="label label-info">ToMe</span>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    <input type="checkbox">
                </div>
                <div class="col-md-1">
                <img src="https://img1.baidu.com/it/u=4011952226,4190864328&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" height="30" class='img-circle'>
                </div>
                <div class="col-md-3">
                <strong>河南省信息学奥林匹克竞赛认证活动</strong>
                </div>
                
                <div class="col-md-1">
                <span class="glyphicon glyphicon-flag" style="color: rgb(187, 165, 165);"></span>
                </div>
                <div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
                <div class="col-md-1">
                <span class="label label-info">ToMe</span>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    <input type="checkbox">
                </div>
                <div class="col-md-1">
                <img src="https://img2.baidu.com/it/u=3088070715,2077282667&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" height="30" class='img-circle'>
                </div>
                <div class="col-md-3">
                <strong>Microsoft 帐户团队</strong>
                </div>
                
                <div class="col-md-1">
                <span class="glyphicon glyphicon-flag" style="color: rgb(248, 12, 12);"></span>
                </div>
                <div class="col-md-5"><p>fgasfagufhuiahfua</p></div>
                <div class="col-md-1">
                <span class="label label-info">ToMe</span>
                </div>
            </div>
        </div>
    </body>
</html>

 

 

标签:布局,网格,fgasfagufhuiahfua,邮箱,团队,ToMe
From: https://www.cnblogs.com/wangyueshuo/p/17206725.html

相关文章

  • HTML 邮箱
    <html><head><title>邮件</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">......
  • 网格布局&标签
     ......
  • flex布局
    flex是什么FlexibleBox的缩写,意为”弹性布局”,给父级标签设置flex属性,控制子盒子的排列位置。一般用在移动端,因为pc端部分浏览器不兼容flex。flex特性根据浏览器......
  • 使用Git进行版本控制,不同的项目怎么设置不同的提交用户名和邮箱呢?
    1.全局设置用户名和邮箱因为平时除了开发公司项目还会写自己的项目或者去维护开源项目,一般情况下,公司会要求提交代码时使用自己的真名或者拼音和公司邮箱,以前就只会设置全......
  • 深入理解CSS Grid网页布局,并通过示例来演示如何使用
    使用CSSGrid布局是一种现代的设计方式,它能够让我们更加灵活地布局网页内容。在这篇技术博客中,我们将深入理解CSSGrid布局,并通过示例代码来演示如何使用它。什么是CSSGrid......
  • GridView(网格视图)的基本使用
    本节给大家介绍的是第二个Adapter类的控件——GridView(网格视图),见名知义,ListView是列表,GridView就是显示网格!他和ListView一样是AbsListView的子类!很多东西和ListView都......
  • Grid布局,根据元素个数,自适应宽高
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=......
  • 导出mesh网格
     usingSystem.Collections;usingSystem.Collections.Generic;usingSystem.IO;usingSystem.Text;usingUnityEditor;usingUnityEngine;///<summary>///导......
  • Flex布局与基础组件
    一.Flex布局与基础组件Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。1.先规定弹性布局的大小,设置为百......
  • un-resolved CFD-DEM网格尺寸为颗粒直径的3倍以上
    依据颗粒与流体网格的尺寸,目前在未解析CFD-DEM模型中,流体空隙率算法主要有三种:PCM(ParticleCentroidMethod)、DPVM(DividedParticleVolume Method)和SKM(StatisticalKe......