关闭

未知图片宽高水平垂直居中

562人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>未知图片宽高居中</title>
        <style type="text/css">
            .div-1 {
                width: 200px;
                height: 200px;
                border: 1px solid red;
                text-align: center;
                display: table-cell; 
                vertical-align: middle;
            } 
        </style>
    </head>
    <body>
        <div class="div-1">
            <img src="img/11111.jpg" />
        </div>
    </body>
</html>

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

未知宽高div水平垂直居中3种方法

未知宽高div水平垂直居中3种方法:1、transform与绝对定位方式。2、Flexbox方式。3、伪类方式
  • rongku
  • rongku
  • 2014-10-25 13:46
  • 5859

未知高度的div在父元素中水平垂直居中的方法

居中方法暂时找到两种: 1、父元素: 在父元素中使用: display: flex; justify-content: center; align-items: center; 这些属性,即可...
  • u012881878
  • u012881878
  • 2017-04-07 10:20
  • 1787

不固定宽和高的div 水平和垂直都居中

在写css的时候经常遇到的一个问题,当div没有固定的宽度或者高度的时候,如何才能让div水平或者垂直居中显示。 如果div有固定宽度的话,用padding,margin都很容易实现。方法有很多种。...
  • u010174173
  • u010174173
  • 2015-07-29 11:07
  • 3945

未知图片宽高水平垂直居中

先来个纯CSS的 * { padding: 0px; ...
  • cometwo
  • cometwo
  • 2016-03-28 21:31
  • 838

未知元素宽高水平垂直居中

未知宽度高度的水平垂直居中(4种) <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="t...
  • l505_
  • l505_
  • 2016-09-18 16:34
  • 245

未知宽高图片的水平垂直居中

背景图片居中原理: 使用一个透明的gif图片做覆盖层,高宽拉伸至所需要的大小,然后给这个gif图片一个background-position:center center的属性。而background...
  • qq_22583409
  • qq_22583409
  • 2017-12-08 18:09
  • 25

未知大小的图片自适应水平垂直居中源码纯CSS

  • 2014-04-30 10:04
  • 367B
  • 下载

未知宽高元素水平垂直居中方法

如果你曾经研究过图片水平垂直居中的方法,那么下面这几个方法你肯定知道 下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素,利用vertical-align...
  • u014243408
  • u014243408
  • 2014-03-20 14:45
  • 279

在固定尺寸的盒子,水平垂直居中不知宽高的图片

css布局
  • wf2017
  • wf2017
  • 2017-02-17 10:02
  • 211

不给定宽高,达到子div水平垂直居中

div的嵌套很常用,而且子div水平垂直居中更常用,今天分享下子div水平垂直居中的方法!
  • sycamoretreev5
  • sycamoretreev5
  • 2016-12-14 13:41
  • 237
    个人资料
    • 访问:71758次
    • 积分:1461
    • 等级:
    • 排名:千里之外
    • 原创:68篇
    • 转载:58篇
    • 译文:0篇
    • 评论:11条
    最新评论