<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>父元素高度確定的多行文本</title>
<style>
.wrap?{
height:?500px;
background:?#ccc
}
.div2?{
background-color:?green;
height:?500px;
vertical-align:?middle;
}
.div2>span?{
display:?inline-block;
}
</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>
<!--下面是代碼任務(wù)區(qū)-->
<div?class="div2">
<span>
????????????????<img?src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg"?title="害羞的小女生"/>
????????????</span>
</div>
</body>
</html>我希望得到的效果圖是 這樣的然而 使用 inline-block 之后的效果圖是這樣的 希望 對了inline-block 屬性 能有人能詳細講解下
關(guān)于CSS inline-block 內(nèi)聯(lián)對象 無效的問題
ZaizhanShi
2017-05-24 00:30:26
