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

如果我要两个div不在同一行要加什么语句

<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*/

}

</style>

</head>

<body>

<div class="container">

<div>

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

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

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

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

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

</div>

</div>

<div style="display:table-cell;vertical-align:middle;">

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

</div>

</body>

</html>

慕粉4296528

2017-02-24

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

关注问题我要回答

855

操作

收起

4 回答

慕粉4051441
2017-10-25

加个<br>就解决了。

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

简一_
2017-07-22

简单，在img的div外边再加一个div标签，之前的div是因为display:table-cell;破坏了原有的块级元素的性质，所以跑到一行去了~

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

慕前端8788530
2017-05-26

你这提的什么鸟问题，不在一行的img它居哪门子的垂直居中，它相对于谁（哪个父元素）垂直居中，不在一行你把img的样式去掉不就行了

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

慕莱坞7945436
2017-02-24

<style>

.container{

height:300px;

background:#ccc;

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

}

.container div{

display: table-cell;

vertical-align: middle;

}

</style>

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

举报

0/150

提交

取消

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

参与学习 1226378 人
解答问题 18241 个

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

本课相似问答

7 回答为什么一句话里面要加两个span标签

10 回答12行为什么需要两个相同的标签？

1 回答为什么在两个值之间要加 '0 0'?

5 回答为什么要在“maNeme”后面加一个/

1 回答类前为什么要加div，不加也可以啊？

搜索更多本课相关问答

如果我要两个div不在同一行要加什么语句

我要回答关注问题

意见反馈帮助中心 APP下载