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>

  • 相关阅读:
    你应该掌握的——树和二叉树
    nyist oj 63(二叉树)
    非递归遍历二叉树的四种策略先序、中序、后序和层序
    学习的四种境界
    nyist oj 467 (中缀式变后缀式)
    二叉平衡树
    nyist OJ 35 (表达式求值)
    线索二叉树
    二叉树的三种遍历方法(递归和非递归)
    算法学习之路
  • 原文地址:https://www.cnblogs.com/xiongcui/p/4890971.html
Copyright © 2011-2022 走看看