博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css垂直居中
阅读量:6226 次
发布时间:2019-06-21

本文共 906 字,大约阅读时间需要 3 分钟。

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #wrap{width: 500px;height: 200px;border: 1px solid black;}
            i{height: 100%;vertical-align: middle;display: inline-block;}
            span{vertical-align: middle;display: inline-block;width: 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>

转载于:https://www.cnblogs.com/xiongcui/p/4890971.html

你可能感兴趣的文章
html5整理(一)
查看>>
spring-cloud-config的encrypt功能
查看>>
javascript引用类型之Date
查看>>
Fiddler调试(适合修复线上bug和直接调试线上问题)
查看>>
Vue+WebSocket+ES6+Canvas 制作【你画我猜】小游戏
查看>>
Java反射的封装
查看>>
精益 React 学习指南 (Lean React)- 1.1 React 介绍
查看>>
基于Flink的标准SQL操作支持
查看>>
用纯Javascript实现React Native的文件上传
查看>>
通信协议设计要点
查看>>
结构体中的 Lazy 属性探究
查看>>
iOS,Android网络抓包教程之tcpdump
查看>>
听飞狐聊JavaScript设计模式系列01
查看>>
CUBA Studio 8.2 发布,企业级应用开发平台
查看>>
玩转 React 服务器端渲染
查看>>
druid配置数据库连接使用密文密码
查看>>
手把手教你如何新建scrapy爬虫框架的第一个项目(下) ...
查看>>
4月17日云栖精选夜读 | 在阿里做了五年技术主管,我有话想说 ...
查看>>
IoT中的Linux选择
查看>>
Docker Engine v18.09.1 新版本特性解读,全新功能先睹为快(一) ...
查看>>