2011-06-06 19 views
5

Div sınıfına bağlı olarak boyutunu ayarlamak için div içinde yuvalanmış bir görüntüyü nasıl yaparım. , sayfada olduğu yere göre daha küçük bir görüntü oluşturuyor. Örneğin:Görüntü boyutunun konumunu nasıl değiştirebilirim?

<div class="a"> 
    <img src="a.jpg"> 
<div> 
<div class="b"> 
    <img src="a.jpg"> 
<div> 
ben iç içe görüntüyü ayarlamak istiyoruz

"a" boyutu 10x10 ve boyut 20X20 diğeriyse, nasıl bu görüntüler için farklı sınıflar yaratmadan yapardınız?

cevap

11

yout css dosyasında bu ekleyin:

.a img {width: 10px; height: 10px} 
.b img {width: 20px; height: 20px} 

bu herhangi bir görüntü yapacaktır "a", "b" boyutu 10x10 ve sınıftaki herhangi görüntünün olması boyutu 20X20 olması.

+4

"** görüntüler için farklı sınıflar yaratmadan ** bunu yapmak nasıl?" Bu işe ancak OP sorulan – andyb

+2

@andyb Bu örnek, tam olarak OP'nin istediği şeyi yapar; Resmi ana kabına göre şekillendirmek. – Ross

+1

@Ross Evet, sanırım soru biraz belirsiz. OP, görüntüler için ** farklı ** sınıflar istemiyor ama semantik olarak, çözüm ** 'nin görüntüler için farklı sınıfları var. Yani bu i bu mümkün olduğunu bilmiyordum, aradığı şeyi, o hala iyi (ve muhtemelen sadece CSS) çözümü, yani 1 Mükemmel – andyb

İlgili konular