Wie mache ich Textarea, um Div-Block zu füllen?

Auschecken, wie weit habe ich es hier: [Link wurde entfernt] Wie kann ich das Textfeld über den grünen Knopf machen, um den Div-Block zu füllen? Ich meine, wie man das Textfeld genau die gleiche Breite wie der Kommentarblock macht?Wie mache ich Textarea, um Div-Block zu füllen?

Quelle

2010-07-02 Rihards

Versuchen Sie es mit einer 'width: 100%' –

Wenn es so einfach wäre. Wie auch immer, hinzugefügt. Überprüfen Sie den Link. : P – Rihards

'Breite: 100%' bewirkt, dass es überläuft. Sie könnten einfach die Breite auf 488 px einstellen, was der Breite Ihrer anderen Boxen entspricht. Ich habe nicht überprüft, warum es überläuft - das könnte eine bessere Lösung sein. – Mike

Sie in diesem Artikel beziehen, die die CSS3-Box-Leimungseigenschaft implementiert http://css-tricks.com/box-sizing/

Eine schnelle Lösung für diese Einstellung vornehmen, ist

textarea { 
    width: 100%; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
}

Und hier ist ein funktionierendes Beispiel, die implementiert die Box-Sizing Eigenschaft http://css-tricks.com/examples/BoxSizing/

Verwendung von Breiten wie 99% oder etwas kleiner, um innerhalb des Containers div einzustellen, wurde bereits abgeraten.

Quelle

2012-05-17 13:05:18 acpmasquerade

Schöne und saubere Lösung, Danke! ABER "Support IE8 +: Box-Sizing" ... Bedenken Sie, dass ich die obige Antwort vor zwei Jahren geschrieben habe, als IE8 die neueste Version war. Und selbst jetzt haben Sie wahrscheinlich immer noch viele Benutzer, die XP + IE6 ausführen, abhängig von Ihren Kunden. – Vinz

@Vinz, es stimmt mit Ihrer Sorge. Ich glaube jedoch, "Die Verwendung eines alten Browsers ist auf eigene Faust zu leiden". Wenn IE nicht unterstützt, dann ist das IE-Problem, warum sollte es unser Problem sein :) - – acpmasquerade

@Vinz, ich bin mir nicht sicher, wie Sie es fühlen, aber "Bootstrap" von Twitter ist eine wunderbare Plattform zu starten auf der Schnittstelle für die modernen Tage, und es wäre besser, wenn wir versuchen, Funktionen von diesen stark optimierten Plattformen zu importieren. – acpmasquerade

Dimensionierung Textbereiche in Prozent hat irgendwie funktionierte nie richtig, ich hatte das gleiche Problem vor Jahren und am Ende mit Breite: 99% ....

Ich schlage vor, Sie div verwenden um das Textfeld den gerundeten zu ziehen Grenzen und entfernen Sie den Rahmen auf der Textfläche selbst. Auf diese Weise muss die Breite des Textfelds nicht exakt sein, Sie könnten 98% oder 99% verwenden.

Quelle

2010-07-02 11:19:33 Vinz

Oh, gut - überprüfen Sie den Link. Es hat ziemlich gut geklappt, aber ich frage mich immer noch, ob jemand einen Weg kennt, wie man in meinem Fall richtig dimensionierte Textareas in Prozenten macht? – Rihards

Wie mache ich Textarea, um Div-Block zu füllen?

Antwort

Verwandte Themen