為何一樣的代碼卻只實現(xiàn)了垂直方向上的效果，水平方向上沒有相對應(yīng)的效果？
<head>
? ? <title>驗證vertical-align</title>
? ? <style type="text/css">
? ? ? ? ?img{vertical-align:middle;}
? ? ? ? ?i{display:inline-block;height:100%;vertical-align:middle;}
? ? </style>
</head>
<body>
? ? <p style="height:200px;background:#999;">
? ? ? ? <img src="images/lingzi.jpg" alt="mm" style="height:120px;width:150px;" /><i></i>?
? ? </p>
? ??
</body>
2017-12-09
這個很簡單 ， ?加一個text-align:center; ? （加在body標(biāo)簽或者p標(biāo)簽都可以。）老師之所以沒寫是因為 要突出他要說那三個條件。 老師代碼都是初始化過的。你看到的只是表面。這就是你的代碼寫的一模一樣。效果就是不一樣的原因。我們看到的只是表面。 自己多動腦子?。?！