<!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>
以上代碼效果圖如下:
這里有個(gè)問題就是為什么我給外部div:margin:0 auto;他卻無法在頁面中居中?
還有個(gè)問題是我給外部div加上float這個(gè)屬性,整個(gè)就變成了如下截圖:
以上就是我所要提的問題,希望各位路過的官人幫忙解答,謝謝