2011-04-15 27 views
5

Bir TD etiketinin içinde bir Textarea'm var ve textarea genişliğini% 100'e ayarlamak istiyorum, böylece genişlik TD genişliğiyle aynı.CSS Textarea genişliğini% 100 olarak ayarlama

ben kullandım:

textarea{width:100%} 

Ama işe yaramadı.

Neden çalışmadığı konusunda herhangi bir fikrin var mı lütfen?

Teşekkür

+5

' "işe yaramadı"' sorunun son derece yararsız açıklamasıdır deneyin. Bunun nesi yanlış, "çalışmıyor" demek olduğunu mu düşünüyorsun? – thirtydot

+0

[Bu kemanda] eserler (http://jsfiddle.net/WZ3eY/) ... neden daha fazla detay olmaksızın durumunuzda çalışmadığını söylemek zor. Belki başka bir stil müdahale ediyor? –

+0

@optus: td'nize, dolandırıcıya bir genişlik ayarladınız;) Bence Satch3000 bunu unuttu. – Marnix

cevap

11

sorundur, bildiğim kadarıyla düşünebiliriz olarak:. Sizin textarea içinde bulunduğu td onun genişliğini (% 100) almak istediğini Ama td varsayılan olarak dinamik bir genişliğe sahiptir, Bu nedenle, td'un genişliğini belirtmediğiniz sürece, textarea'nızı hücrenizin% 100'ü olmayacak.

Tablonuzla otomatik olarak taranacağını düşünürseniz bile, bir hücrenin kendi genişliği yoktur. Eh, öyle değil, çünkü bu otomatik ölçeklendirme içindeki içerik tarafından belirlenir. Dolayısıyla,% 100 içeriği doğru olarak yorumlanmaz, çünkü% 100, kendi başına dinamik olan td'un genişliğine bağlıdır.

Ve böyle bu yanıtla döngü devam edebilirsiniz

...

0

Eğer textarea etiketi kapattı mı? Aşağıdaki işler:

<html> 
<head> 
</head> 
<body> 
<table style="width:500px;border:1px solid red"><tr><td> 
<textarea style="width:100%"></textarea> 
</td></tr></table> 
</body> 
</html> 
+0

Neden yalnızca inline css kullandığımda çalışıyor? Tüm textarea'ları% 100'e ayarlamak istiyorum ancak sadece satır içi stilleri çalışıyor. – Satch3000

+0

Muhtemelen farklı bir [CSS sınıfı daha spesifik olduğu için] muhtemelen (http://www.htmldog.com/guides/cssadvanced/specificity/). 'Style' özniteliğini doğrudan ayarlamak en belirgin olanıdır. –

+2

Ayrıca, daha spesifik seçicileri de geçersiz kılmayı deneyebilirsiniz: textarea {width:% 100! Important} – lod3n

-1

-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
     box-sizing: border-box; 
İlgili konular