                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

能帮我看看吗，为什么我做出来的连个块状元素是在同一排，块状元素不是应该分排显示吗

.container{

height:300px;

background:#ccc;

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

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

}

.container2{height:300px;

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

vertical-align:middle}

</style>

</head>

<body>

<div class="container">

<div>

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

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

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

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

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

</div>

</div>

<div class="container2">

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

</div>

我把小女孩那张图设置成container2，应该没有重复啊

慕瓜8196988

2016-03-13

源自：初识HTML(5)+CSS(3)-升级版 15-10

关注问题我要回答

582

操作

收起

6 回答

逃离星球
2016-03-26

table-cell：指定对象作为表格单元格。类同于html标签<td>

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

情怀者Men
2016-03-23

这样写可以实现效果：

css部分：

.nvshenimg{

height:500px;

width: 500px;

background:pink;

display:table-cell;

vertical-align:middle;

text-align: center;//水平居中

}

body部分：

<h4>竖直和水平居中代码</h4>

<div class="nvshenimg">

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

</div>

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

leo_the_ranger
2016-03-19

display属性改成了table cell之后就不是块元素了吧

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

新人沈琦斌
2016-03-16

我也是这么写的代码，效果跟你一样，不明白为什么会这样，求解答.......

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

慕后端6579465
2016-03-13

<div class="container2">

<div>

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

</div>

</div>

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

慕后端6579465
2016-03-13

<div class="container2">

</div>

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

</div>

</div>

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1227352 人
解答问题 18248 个

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

本课相似问答

1 回答块级元素和块状元素是同一个意思吗吗？

2 回答块状元素和块级元素是一个概念吗

2 回答div不是块状元素吗，为什么在行内元素？

3 回答我将块状元素转成内联块状元素，然而有些内联块状元素却不会在同一行。

1 回答块状元素和内联块状元素怎么区分

搜索更多本课相关问答

能帮我看看吗，为什么我做出来的连个块状元素是在同一排，块状元素不是应该分排显示吗

我要回答关注问题

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

帮助反馈 APP下载

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

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