zoukankan      html  css  js  c++  java
  • css垂直居中

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                #wrap{ 500px;height: 200px;border: 1px solid black;}
                i{height: 100%;vertical-align: middle;display: inline-block;}
                span{vertical-align: middle;display: inline-block; 490px;font-size: 0px;}
                span a{padding:5px ;display: inline-block;background: gray;margin-right:10px ;margin-bottom: 2px;font-size: 20px;}
            </style>
        </head>
        <body>
            <div id="wrap">
                <i></i>
                <span>
                    <a href="">aaaa</a>
                    <a href="">bbbb</a>
                    <a href="">ccce</a>
                    <a href="">dddd</a>
                    <a href="">eeee</a>
                    <a href="">aaaa</a>
                    <a href="">aaaa</a>
                    <a href="">bbbb</a>
                    <a href="">ccce</a>
                    <a href="">dddd</a>
                    <a href="">eeee</a>
                    <a href="">aaaa</a>
                    <a href="">aaaa</a>
                    <a href="">bbbb</a>
                    <a href="">ccce</a>
                    <a href="">dddd</a>
                    <a href="">eeee</a>
                    <a href="">aaaa</a>
        
                </span>
            </div>
        </body>
    </html>

  • 相关阅读:
    oracle 复制表结构 复制表数据 sql 语句
    Linux rsync实现断点续传
    qt实现一个简单的计算器
    python脚本0b文件处理
    同步和互斥
    python中的randint,引入模块
    python中常见的三种句型if,while,for
    python中的变量,运算符
    python安装与使用
    常见dos命令总结
  • 原文地址:https://www.cnblogs.com/xiongcui/p/4890971.html
Copyright © 2011-2022 走看看