利用table使图片在浏览器中垂直居中

原创 2016年08月29日 23:12:14

这里用到了绝对位置和table:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>使用table将图片相对于浏览器窗口垂直居中</title>
<style>
table{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

td{
    text-align:center;
}
</style>
</head>

<body>
    <table>
        <tr>
            <td><img src="app.png" /></td>
        </tr>
    </table>
</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

各浏览器下图片垂直居中的方法

各浏览器下图片垂直居中的方法: 1.IE6下使用writing-mode:tb-rl;当writing-mode为tb-rl 时,文档流是从上到下,从右到左书写。然后设置text-align: cen...

div中图片的处理-居中垂直

经常会遇到img垂直居中div的问题,下面我们来整理下 一.水平居中 1.text-align:center .wrap1{ text-align: center; width: 500px...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

图片大小自适应垂直居中的方法

偶尔会有这样的需求:在不知道图片宽和高情况下,需要让图片水平和垂直居中在某个容器下,而且,如果图片宽或者高超出容器,需要按照比例进行缩放,下面介绍几个常见的方式: Javascript篇 ...
  • cddcj
  • cddcj
  • 2016-09-08 15:21
  • 1720

图片垂直水平居中的N种方法

div内容水平垂直居中解决方案

CSS让图片垂直居中的几种技巧

在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标...

垂直居中的7种方法

1、水平垂直居中 垂直居中 div.center{ text-align:center; ...
  • cwzhsi
  • cwzhsi
  • 2015-04-07 22:17
  • 1012

实现任意图片(高度不确定)垂直居中的三种方法

在网站开发过程中,可能会有希望图片垂直居中的情况,而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。我总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准...
  • perny
  • perny
  • 2013-09-17 10:43
  • 476

html5图片垂直居中

html5图片居中:主要的思路是用table或者table-cell,还有一种不太了解,贴在最后。 一:显式使用table标签 这是只需要定义内容的CSS样式为table-...

CSS实现垂直居中的5种方法

利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方...

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

未知宽高div水平垂直居中3种方法:1、transform与绝对定位方式。2、Flexbox方式。3、伪类方式
  • rongku
  • rongku
  • 2014-10-25 13:46
  • 4091
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)