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

大家好,请问我敲好代码猴为啥这个div会和上一个div同排显示了?代码如下:

http://img1.sycdn.imooc.com//56d9054f0001018d09990642.jpg

rtrtrt

正在回答

5 回答

刷新下界面就可以了


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

<!DOCTYPE HTML>

<html>

<head>

<meta  charset="utf-8">

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

<style>

.container{

    height:300px;

background:#ccc;

display:table-cell;/*IE8以上及Chrome、Firefox*/

vertical-align:middle;/*IE8以上及Chrome、Firefox*/

}

.w{height:500px;

   background:#0fc;

   display:table-cell;

   vertical-align:middle;}

</style>

</head>


<body>

<div class="container">

    <div>

        <p>看我是否可以居中。</p>

        <p>看我是否可以居中。</p>

        <p>看我是否可以居中。</p>

        <p>看我是否可以居中。</p>

        <p>看我是否可以居中。</p>

    </div>

</div>

<div></div>

<div class=w>

 <div>

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

    </div>

</div>

</body>

</html>


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

类似于同一行的两列单元格,中间加一个空<div></div>就可以解决

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

一棵心

我加了一个空的,弄成跟例子一样的,但是还是并在一起的
2016-03-13 回复 有任何疑惑可以回复我~
#2

掌仙人 回复 一棵心

什么并在一起的?垂直方向吗?如果是垂直方向,是因为空的div没有设置高度,而且没有内容, 默认高度为0
2016-03-14 回复 有任何疑惑可以回复我~

加一个table

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

2个table-cell被当成一个table里的td元素了?

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

举报

0/150
提交
取消

大家好,请问我敲好代码猴为啥这个div会和上一个div同排显示了?代码如下:

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

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

帮助反馈 APP下载

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

公众号

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