<body>
<!--用display:table-cell?無(wú)法實(shí)現(xiàn)居中,我看別人能，同樣的代碼不知道為什么我不行？-->
<style>
????*?{
????????margin:?0;
????????padding:?0;
????????border:?0;
????????list-style:?none;
????}
????div?{
????????display:?table-cell;
????????width:?400px;
????????height:?450px;
????????border:?10px?solid?deeppink;
????????text-align:?center;
????????vertical-align:?middle;
????????/*box-sizing:?content-box;*/
????}
????div?img?{
????????vertical-align:?middle;
????????border:?0;
????}
</style>
<div?class="img_wrap">
????<img?src="laoshi2.png">
</div>
<!--以下用表格能實(shí)現(xiàn)垂直居中-->
<style>
????table?{
????????border-collapse:?collapse;
????}
????td?{
????????border:?10px?solid?deeppink;
????????vertical-align:?middle;
????????width:?400px;
????????height:?450px;
????????text-align:?center;
????}
????td?img?{
????????vertical-align:?middle;
????}
</style>
<table>
????<tr>
????????<td><img?src="laoshi2.png"></td>
????</tr>
</table>
</body>
添加回答
舉報(bào)
0/150
提交
取消