IE7 theo chiều dọc gắn kết giữa - không làm việc

Question

Hãy tìm thấy bên dưới liên kết,

http://jsfiddle.net/anglimass/Y8AvM/

Tôi chỉ muốn div tôi đến của chiều dọc gắn kết giữa IE7 cũng có.

Ai đó có thể trợ giúp?

Cảm ơn

---

kẻ Xin lỗi,

tôi tìm ra một giải pháp tốt Xin vui lòng xem bên dưới liên kết,

http://jsfiddle.net/anglimass/ct4tx/

Cảm ơn,

Ref: http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

Answer 1

Nó không hoạt động trong IE7 vì IE7 does not supportdisplay: table-cell.

tôi đã thậm chí told you this before.

Dưới đây là một kỹ thuật định tâm thẳng đứng thay thế mà không làm việc trong IE7: How to vertically align an image inside div

Dưới đây là phiên bản đơn giản của kỹ thuật từ các câu trả lời ở trên áp dụng cho mã của bạn: http://jsfiddle.net/thirtydot/Y8AvM/1/

HTML:

<div class="inlay"> 
    <span class="helper"></span><img src="http://goldstudios.net/uploader/uploads/Wildebeest_$1$2ryes3hf$Fl0tEsFaORwBW2seye9qN0.jpg" /> 
</div>​ 

CSS:

html, body { 
    height: 100%; 
    background: #ddd; 
} 
.inlay { 
    height: 100%; 
    text-align: center; 
} 

.inlay img { 
    vertical-align: middle; 
} 
.helper { 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
} 

Nó hoạt động trong tất cả các trình duyệt hiện đại, và dĩ nhiên, IE7.