zoukankan      html  css  js  c++  java
  • 一个未知高度垂直居中的简单方法

    最近在看飘舞零零的blog,有感而写。

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{
                border-radius: 5px;
            }
            .wrap{
                overflow: hidden;/*很重要不不能少*/
                width: 800px;
                margin: auto;
                background: silver;
            }
            .center-box{
                margin:20px;
                padding:120px 0;/*有了这个才能撑开高度*/
                background: beige;
                text-indent:2em ;
                text-align: left;
            }
        </style>
    </head>
    <body>
         <div class="wrap">
                 <p class="center-box">我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜我是小白兔爱吃大萝卜</p>
         </div>
    </body>
    </html>
  • 相关阅读:
    进程同步
    CPU调度
    线程的引入
    进程互斥
    处理器状态
    操作系统
    进程的基本概念
    socket应用
    html笔记
    HTTP基本链接原理
  • 原文地址:https://www.cnblogs.com/tom-chang/p/3659193.html
Copyright © 2011-2022 走看看