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

    1,display: table; display: table-cell

    <div style="border:solid red 1px ;height:200px;200px;display: table;">
    <div style="display: table-cell; vertical-align:middle; 100%; text-align:center;"> Testaaaaaaaaaaaaaaaaaaa<br/>
    Testaaaaaaaaaaaaaaaaaaa<br/>
    </div>
    </div>

    display:flex;
    flex-direction: row | row-reverse | column | column-reverse;
    flex-wrap: nowrap | wrap | wrap-reverse;
    flex-flow: <‘flex-direction’> || <‘flex-wrap’>
    justify-content: flex-start | flex-end | center | space-between | space-around;
    align-items: flex-start | flex-end | center | baseline | stretch;
    align-content: flex-start | flex-end | center | space-between | space-around | stretch;
    order: <integer>;
    flex-grow: <number>;
    flex-shrink: <number>; /* default 1 */
    flex-basis: <length> | auto;
    flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
    align-self: auto | flex-start | flex-end | center | baseline | stretch;

  • 相关阅读:
    MySQL decimal unsigned 更新负数不报错却为0
    centos 安装jdk
    CentOS7安装docker
    Cron 时间元素
    PHPStorm
    日志习惯
    HTTP幂等性
    navicat for mysql 10.1.7注册码
    localStorage、sessionStorages 使用
    FreePascal
  • 原文地址:https://www.cnblogs.com/jayruan/p/5093150.html
Copyright © 2011-2022 走看看