İçerikler büyüdüğünde tabloyu yeniden boyutlandırma nasıl durdurulur?

Question

Hücreler resimlerle dolu bir table var. Resimlerin üzerine geldiğinizde daha büyük büyümesini isterim ve tablonun hücrelerinin aynı boyutta kalmasını isterim.

img stilini position:relative olarak değiştirmek işe yaramıyor. position:absolute olarak değiştiriliyor, ancak görüntülerin mutlak konumunu bilmiyorum.

Bu soruna CSS kullanarak zarif bir çözüm var mı? Herhangi bir JavaScript kullanmamayı tercih ederim.

Answer 1

Kullanım style="table-layout:fixed;", ancak bu yapacak metin veya görüntüler o genişliğini aşan durumunda diğer sütunları ile örtüşmektedir. Uzun metin ifadelerini boşluk olmadan yerleştirmediğinizden emin olun.

Answer 2

td öğelerine vertical-align:top ekleyin.

Answer 3

Tablonuz ve tablonun kendisi ve/veya hücreleri için sabit bir genişlik için table-layout: fixed kullanın.

Answer 4

Pozisyonu kullanabilirsiniz, z-endeksi, sol, üst.

bu şekilde bakmak gerekir

,

http://jsfiddle.net/wWTfs/

Answer 5

Kullanım min-width senin hücrelerinde, burada

.cell1{ 
display:table-cell; 
width:100px; 
min-width:100px; 
border: 2px dashed #40f;  
} 

http://jsfiddle.net/Gueorguip13/avzuadhp/3/