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

代码输入完 没有反应,全屏也是这样

<!DOCTYPE HTML>

<html>

<head>

<meta  charset="utf-8">

<title>父元素高度确定的多行文本</title>

<style>

  .wrap{height:300px;background:#ccc}

 .demo{height:300px;background:#ccc}

</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><tbody><tr><td class="demo">

<div>

    <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>

</div>

</td></tr></tbody></table>

</body>

</html>


正在回答

4 回答

.demo{height:300px;background:#ccc}可不可以不加这个?

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

http://img1.sycdn.imooc.com//585b21d8000142db07720459.jpg

本来就是靠左啊,你又没设置水平居中。

你想要这种效果???如果是的话那你就错了。上面的是水平居中。而你的代码是垂直方向居中,肯定没这效果。

如果不是的话,我就不明白你想问什么了。

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

http://img1.sycdn.imooc.com//585a7f710001b0eb08130583.jpg这样的

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

有效果你没看出来把。你可以把height:300px 改成800px。就看的比较明显了。注意:这是竖直方向的居中,不是水平!!!

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

慕粉1334543348 提问者

设置成800PX还是一样的 没有垂直。是贴着屏幕左侧。上传截图你看
2016-12-21 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

代码输入完 没有反应,全屏也是这样

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