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

正在回答

3 回答

<!DOCTYPE HTML>
<html>
<head>
<meta  charset="utf-8">
<title>父元素高度确定的多行文本</title>
<style>
  .wrap{height:300px;background:#ccc}
  #bodyH{
      position:absolute;
      left:0;
      top:0;
      height:100%;
  }
</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>

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


1 回复 有任何疑惑可以回复我~
#1

乌托邦帮 提问者

非常感谢!
2016-07-05 回复 有任何疑惑可以回复我~
#2

qq_人生是一场修行_03188787

<style> .wrap{height:300px;background:#ccc} /*第二个表格的设置*/ #t1{ position:absolute; left:0;/*相邻两个的定位*/ top:0; height:100%; } /*浏览器设置*/ body{ width:200px; height:600px; background:green; } </style> 我设置了背景颜色去观察。其实图片还是没有实现垂直居中的(相对于浏览器)
2016-07-20 回复 有任何疑惑可以回复我~

终于找到实现了的了

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

加一句left:650px;

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227053    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

这一节怎么做。

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号