关闭

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

标签: csshtml垂直居中table网页布局
847人阅读 评论(0) 收藏 举报
分类:

这里用到了绝对位置和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>


0
0
查看评论

html如何让table表格垂直(上下)居中

好了我大概承认我这blog开始有点面向开发者了。。。傻逼学校不讲html就让我们写网站关于表格如何居中这个问题,我大概查了很多资料,各种全都试过了,没一个好使的后来我看到一个代码把table全屏了删了边框把字放在正中央。。 我一看我擦这不是投机取巧? 然后转念一想对啊表格的行可以上下居中啊!然后...
  • PoPoQQQ
  • PoPoQQQ
  • 2017-09-16 01:54
  • 1392

怎样使一个层垂直居中于浏览器中

blueidea /*<![CDATA[*/ div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1p...
  • gundumw100
  • gundumw100
  • 2017-04-10 17:27
  • 89

如何让一个DIV水平,垂直方向都居中于浏览器?

div { position:absolute; top:50%; left:50%; margin:-150px 0 0 -200px; width:400px; height:300px; border:1px solid #008800; } --> 让层垂直居中...
  • Mr_Pang
  • Mr_Pang
  • 2016-01-18 18:38
  • 3050

实现div里的img图片水平垂直居中

body结构<body> <div> <img src="1.jpg" alt="haha"> </div> </body>方法一: 将display设置成table...
  • DreamFJ
  • DreamFJ
  • 2017-03-31 09:53
  • 37740

td内有图片和文字,如何都垂直居中

td内有图片和文字,如何都垂直居中     style="vertical-align:middle";/> CSS vertical-align 属性 定义和用法 vertical-align 属性设...
  • dxnn520
  • dxnn520
  • 2012-08-19 23:52
  • 8273

垂直居中一张图片和多行文字在固定的盒子内

HTML代码<div class="middle-box"> <img src="web.png"/> <i class="visible"></i> </div>CSS代码.mi...
  • lin74love
  • lin74love
  • 2017-03-17 14:49
  • 635

li中的图片垂直居中

/*如何将IMG图片居中了,我们需要更改一下上面片段代码的格式*/                               &#...
  • XPY567
  • XPY567
  • 2015-12-01 18:36
  • 822

table让元素垂直居中的布局小技巧

通过给父元素设置display:table,然后给子元素设置display:table-cell,vertical-align:middle可以实现子元素的内容水平垂直居中,下面代码实例: html> lang="en"> charset="...
  • web_hua
  • web_hua
  • 2017-10-09 23:53
  • 210

图片和文字垂直居中-flex布局

因为float和position用的比较熟,所以flex只是了解了一下,基本不用。但是今天发现了flex在处理图片和文字对齐方便真是超爽der~ 1.需求 就是一个盒子里面,图片和文字垂直居中 2.惯用套路 我之前的解决思路都是给图片设margin,给文字设lin...
  • baozhuona
  • baozhuona
  • 2017-11-16 23:41
  • 227

div表格定高垂直居中,水平居中

近日做项目,遇到一个难题:就是用div ul li 做表格时,要不就是水平居中不了,要不是垂直居中不来 垂直居中用vertical-align: middle;,但是浮动把它给无效化了 因为定高,所以用不了行高 如何解决垂直居中呢? 就是在li里面加一个标签 ...
  • xueshanghon_L
  • xueshanghon_L
  • 2016-03-25 12:14
  • 1684
    联系我
    交流或者提问请加入QQ群:532232743
    个人资料
    • 访问:184170次
    • 积分:3055
    • 等级:
    • 排名:第13528名
    • 原创:124篇
    • 转载:2篇
    • 译文:0篇
    • 评论:58条
    博客专栏
    最新评论