为了账号安全,请及时绑定邮箱和手机立即绑定

这样好像也能实现居中,大神看看对不对,但是用table那个方法,感觉就是在div外面加了table,怎么css的代码写了height这个属性就能实现局中了

<!DOCTYPE HTML>
<html>
<head>
<meta  charset="utf-8">
<title>父元素高度确定的多行文本</title>
<style>
  .wrap{height:300px;background:#ccc}
.picture{
    display:inline;
}
body{
    text-align:center;
}
</style>
</head>

<body>
<table><tbody><tr><td class="wrap">
<div>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
</div>
</td></tr></tbody></table>

<!--下面是代码任务区-->
<div class="picture">
    <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>
</body>
</html>


正在回答

2 回答

body{position:relative;}

  

  .picture{position:absolute;left:50%;top:50%;}


0 回复 有任何疑惑可以回复我~

我好像写成水平居中了?,那,垂直局中该怎么写啊?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这样好像也能实现居中,大神看看对不对,但是用table那个方法,感觉就是在div外面加了table,怎么css的代码写了height这个属性就能实现局中了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信