                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /CSS深入理解之line-height

為什么圖片居中的效果我顯示不出來

為什么圖片居中的效果我顯示不出來，總是置頂。

魷魚

2016-09-14

源自：CSS深入理解之line-height 1-1

關注問題我要回答

2074

操作

收起

3 回答

tyrionyu 回答被采納 +3 積分
2016-09-15

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="utf-8" />

? ? <title></title>

? ? <style>

#div1{line-height:300px;background:gray;text-align: center;}

#div1>img{vertical-align: middle;}

? ? </style>

</head>

<body>

? ? <img src="images/css.jpg"/>

</div>

</body>

</html>

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

收起回答

魷魚提問者

非常感謝！

2016-11-28 回復有任何疑惑可以回復我~

俠客島的含笑

你這個我這顯示也是置頂的

2016-12-17 回復有任何疑惑可以回復我~

歲月靜好_94
2017-08-14

我也顯示不出來，是置頂的

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

收起回答

stone310
2016-09-15

<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
#div1{line-height:400px;background:gray;}
????</style>
</head>
<body>
<div?id="div1">
????<img?src="img/a1lt.png"/>
</div>
</body>
</html>

1 回復有任何疑惑可以回復我~

收起回答