居中

作者: 洛洛kkkkkk | 来源:发表于2017-04-18 19:24 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*div{
                width: 100px;
                height: 100px;
                background-color: yellow;
                display: table-cell;
                vertical-align: middle;
            }*/
            div{
                width: 600px;
                height: 600px;
                background-color: yellow;
                display: flex;
                /*flex-direction: column;
                justify-content: center;*/
                flex-direction: row;
                align-items: center;
                
                
            }
            div img{
                width: 100px;
                height: 100px;
                margin: 0 auto;
            }
            /*div img{
                position:absolute;
                left: 0;
                right: 0;
                
                bottom:0;
                top: 0;
                margin: auto;
            }*/
        </style>
    </head>
    <body>
        <div>![](AKL.jpg)</div>
    </body>
</html>

相关文章

  • 多行文本固定高度垂直居中

    话不多说直接上代码! html: 居中居中居中居中居中居中 css: #Mian{ width:50...

  • css 居中

    居中有水平居中和垂直居中。 水平居中+垂直居中 flex法 position法 就是计算呗~ 参考 CSS各种居中...

  • css居中方式总结(亲测有效)

    水平居中(行内元素水平居中、块级元素水平居中) 垂直居中 水平垂直居中 行内元素水平居中 text-align: ...

  • 居中布局

    水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...

  • css 居中效果

    上下居中: 左右居中: 整页居中:

  • Ant Design使用 Table组件实现内容居中的效果

    未居中效果 未居中效果截图 居中效果 居中效果截图

  • HTML 水平居中和垂直居中

    水平居中 文字居中 图片居中 绝对定位元素 居中 相对定位 负边距居中 垂直居中 文字设置line-height ...

  • 常用的居中方法

    本文将介绍的居中方法有 ,水平居中,垂直居中和水平垂直居中。 一水平居中 二水平垂直居中

  • CSS居中布局方案

    水平居中 垂直居中 水平垂直居中

  • 居中对齐

    行内元素居中[#hang]垂直居中[#hc]水平居中[#hs] 块级元素居中[#kuai]垂直居中[#kc]水平居...

网友评论

      本文标题:居中

      本文链接:https://www.haomeiwen.com/subject/kssqzttx.html