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>

  • 相关阅读:
    有效获取状态栏(StatusBar)高度
    各种数据库连接
    Spring AOP 原理
    Spring ioc 原理
    转载的别人的ajax跨域解决方法
    如何监听input的脚本赋值
    JAVA之Socket编程
    JAVA中的多线程
    JAVA文件操作
    实验三 kali下metasploit的漏洞攻击实践
  • 原文地址:https://www.cnblogs.com/xiongcui/p/4890971.html
Copyright © 2011-2022 走看看