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

<!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>

时间： 2024-11-01 19:04:57

未知图片宽高水平垂直居中的相关文章

javascript获取图片宽高的例子总结

一.简陋的获取图片方式代码如下 // 图片地址后面加时间戳是为了避免缓存 var img_url = '/static/upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',heig

js获取图片宽高的方法_javascript技巧

本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获. 一.简陋的获取图片方式 // 图片地址后面加时间戳是为了避免缓存 var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'

用jquery等比例控制图片宽高的具体实现_jquery

核心代码: $(function() { $(".dvcontent img").each(function() { var maxwidth = 520; if ($(this).width() > maxwidth) { var oldwidth = $(this).width(); var oldheight = $(this).height(); var newheight = maxwidth/oldwidth*oldheight; $(this).css({width

Javscript/jquery 获取图片宽高代码

一.简陋的获取图片方式代码如下复制代码 // 图片地址后面加时间戳是为了避免缓存 var img_url = '/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'+img.height); 执行: 宽高都是0的这个结果很正常,因为图片的相关数据

ios 端集成3.0或3.1,发送图片的时候,接收方没有收到任何的图片宽高信息(急)

问题描述解决方案缩略图的大小宽高,这个属性不行,大图的尺寸是有的

php getimagesize函数获取图片宽高

getimagesize() 函数将测定任何 GIF,JPG,PNG,SWF,SWC,PSD,TIFF,BMP,IFF,JP2,JPX,JB2,JPC,XBM 或 WBMP 图像文件的大小并返回图像的尺寸以及文件类型和一个可以用于普通 HTML 文件中 IMG 标记中的 height/width 文本字符串. 代码如下复制代码 <?php/* 1.jpg为你想获得其尺寸的图片 */ $arr = getimagesize("1.jpg"); /** * 这里$arr为一个数

未知宽高图片垂直居中&amp;&amp;CSS垂直居中总结

http://www.cnblogs.com/dojo-lzz/p/4419596.html DIV 水平垂直居中 <style> #one { width: 500px; height: 300px; background: green; border: 1px solid red; text-align: center; vertical-align: middle; display: table-cell; } #vd { width: 400px; height: 30px; b

换行文字、未知宽高图片垂直居中完美解决方案

原文:换行文字.未知宽高图片垂直居中完美解决方案垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少在我的项目是如此. 项目中要用到垂直居中而碰到兼容性问题的,一般都是以下几种情况: 1.换行文字垂直居中 2.图片垂直居中以上都是在固定宽高的容器里垂直居中,不然的话margin,padding便可实现. 解决垂直居中无非就从几个方面入手,利用行高等于容器高度,模拟表格单元格特性,定位,css3的display:b

等比图片放缩水平/垂直居中原生javascript特效

闲着,用原生javascript写了个一个固定宽高的div框内,等比图片放缩外加水平/垂直居中javascript特效,希望对各位童鞋有用,或者有什么该完善的.0.0 <script type="text/javascript"> function showImgH_W2(tr,qW,qH){ var sdgH,sdgW,j2; sdgW=tr.width; sdgH=tr.height; if(sdgW>sdgH){