圖片垂直居中的外部影響？
<!DOCTYPE html> <html> <head> <title>測試</title> <style> div img {} .wrap span {display: inline-block;border:1px solid red;text-align: center;} </style> </head> <body><div class = "wrap" style = "width:1000px;height:200px;border:1px solid red;display:table-cell;vertical-align:middle;text-align:center;min-width:800px;margin:0 auto;"> <span><img src = "images/children3.jpg"> <img src = "images/children3.jpg"> <img src = "images/children3.jpg"></span> </div> </body> </html>
以上代碼效果圖如下：
這里有個問題就是為什么我給外部div：margin:0 auto;他卻無法在頁面中居中？
還有個問題是我<愛尬聊_百科知識>給外部div加上float這個屬性，整個就變成了如下截圖：
以上就是我所要提的問題，希望各位路過的官人幫忙解答，謝謝
山竹有深度 14小時前
我發現table-cell去掉的話，就可以居中了， 但是就沒了垂直居中，大概是margin: 0 auto;適合于block吧。所以水平居中沒生效，你加float:right;他就往右去了，這樣正常吧。
輝煌人生_887 14小時前
問題二
360U3013426239 14小時前
不過應該有其他方案吧~
qkoufu772 14小時前
就是用一個父元素div做水平居中，里面再套垂直居中的div，然后放圖片。（這里圖片我隨便加的，方便看）
梅西足球王_001 14小時前
問題一
混沌精靈 14小時前
題主建議你這種問題，用runjs或者jsfiddle，然后貼出來，大家方便看。
