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

简介:

这里写图片描述

<!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>
目录
相关文章
|
2月前
Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
有时需要给图片添加阴影效果。那么,Fireworks软件中如何给图片添加阴影效果呢?
47 1
|
自然语言处理 前端开发 API
改变canvas生成的图片中文本颜色
改变canvas生成的图片中文本颜色
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
100 0
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
832 1
|
JavaScript
textarea 动态宽高(根据内容动态撑开宽高)
textarea 动态宽高(根据内容动态撑开宽高)
499 0
|
前端开发 容器
css——图片缩放,拉伸,变形的解决办法
css——图片缩放,拉伸,变形的解决办法
788 0
CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置实例演示
CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置实例演示
155 0
|
Android开发 iOS开发
TextView文字自动变小
开发中经常会遇到让TextView字体大小自适应的需求,ios端可以自适应大小,Android不行,我们需要单独处理。 当然了,针对的肯定是单行的TextView,如果是多行的,还需要加入行数这个变量。
|
前端开发
CSS设置标签、图片,放大、缩小、旋转、移动、倾斜(transform)
CSS设置标签、图片,放大、缩小、旋转、移动、倾斜(transform)
div高度自适应宽度按比例放大
导语:我们经常会碰到这样的需求:要求div高度跟随宽度变化而变化。在手机端,一张图片作为div的背景图,图片宽高比不一致,并要求div宽高比与图片宽高比一致;怎么实现这种需求呢? 原理 padding-top: 50%;用这个属性的百分比,padding-top的百分比是相对于父元素的宽度,比如:...
1756 0