Controlla quanto lontano ho ottenuto qui: [il collegamento è stato rimosso] Come posso rendere la textarea sopra il pulsante verde per riempire il blocco div? Voglio dire, come rendere la textarea esattamente della stessa larghezza del blocco dei commenti?Come creare un'area di testo per riempire il blocco div?
risposta
prega di fare riferimento a questo articolo, che implementa la proprietà box-sizing CSS3 http://css-tricks.com/box-sizing/
Una soluzione rapida per questo è di impostare
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+ */
}
Ed ecco un esempio di lavoro che implementa il box-sizing proprietà http://css-tricks.com/examples/BoxSizing/
L'utilizzo di larghezze come 99% o leggermente inferiori per regolare all'interno del contenitore div è già stato scoraggiato.
Soluzione bella e pulita, grazie! MA "Supporto IE8 +: dimensionamento della scatola" ... Ricorda che ho scritto la risposta di cui sopra due anni fa quando IE8 era l'ultima versione. E anche ora potresti avere molti utenti che eseguono XP + IE6 a seconda dei tuoi clienti. – Vinz
@Vinz, è vero per la tua preoccupazione. Tuttavia, credo che "l'uso di un vecchio browser è di soffrire da solo". Se IE non supporta, quindi il problema di IE, perché dovrebbe essere il nostro problema :) - – acpmasquerade
@Vinz, non sono sicuro di come ci si sente, ma "Bootstrap" di Twitter è una piattaforma fantastica per iniziare sull'interfaccia per i giorni moderni, e sarebbe meglio se tentassimo di importare le funzionalità da queste piattaforme fortemente ottimizzate. – acpmasquerade
Dimensionamento textarea in percentuale si è in qualche modo mai funzionato correttamente, ho avuto lo stesso problema anni fa e finito per usare larghezza: 99% ....
vi suggerisco di utilizzare un div
intorno textarea per disegnare la arrotondata frontiera e rimuovere il confine sulla textarea stessa. In questo modo non è necessario che la larghezza della textarea sia esatta, potresti usare il 98% o il 99%.
Oh, bene - controlla il link. Ha funzionato abbastanza bene, ma comunque mi chiedo forse qualcuno sa come fare a fare in modo corretto il dimensionamento dei textareas in percentuale nel mio caso? – Rihards
- 1. Ridimensiona il testo per riempire completamente il contenitore
- 2. CSS: altezza- riempire il resto del div?
- 3. Posso evitare che il testo in un blocco div trabocchi?
- 4. Creare un'Area di testo per riempire verticalmente il resto della pagina?
- 5. Come fare per allungare l'ultimo div a riempire lo schermo?
- 6. Come riempire una div senza estendere il bordo?
- 7. Come creare testo all'interno di una multilinea div?
- 8. Fill div con testo
- 9. Ottenere l'altezza dell'elemento del blocco in linea per riempire il genitore
- 10. Div di larghezza fissa a sinistra, riempire il div di larghezza rimanente a destra
- 11. Come trasferire il testo da DIV a DIV?
- 12. Estendere un elemento di blocco per riempire l'altezza di scorrimento verticale del 100% dell'elemento principale
- 13. Centratura di un blocco in linea DIV
- 14. Come riempire il 100% di un div in posizione assoluta? (IE7 +)
- 15. fare div riempire lo spazio rimanente
- 16. come troncare il testo rispetto all'altezza div?
- 17. Crea bookmarklet per riempire il modulo
- 18. scrapy - come ottenere il testo da 'div'
- 19. Come creare un "segnaposto" per DIV che si comporta come un campo di testo?
- 20. Come posso ridurre automaticamente il testo per adattarlo al div?
- 21. Ingrandisci div al figlio per riempire la larghezza del genitore
- 22. Spostare il testo in un div senza spostare il div
- 23. div blocco if jquery
- 24. Div Espansione per riempire visivamente lo spazio verticale
- 25. Automatizzare (IE ComObject) Riempire caselle di testo
- 26. Proprietà CSS per inserire il testo all'interno di div
- 27. Come rendere la larghezza CSS per riempire il genitore?
- 28. creare un raggio di confine per div
- 29. Come posso riempire un div con un'immagine mantenendolo proporzionale?
- 30. Ottieni il colore di sfondo per riempire tutta l'altezza del div
Prova a dargli un 'larghezza: 100%' –
Se sarebbe così semplice. Comunque, aggiunto. Controlla il link. : P – Rihards
'width: 100%' provoca un overflow. Si può semplicemente impostare la larghezza a 488px, che è la larghezza delle altre caselle. Non ho controllato per vedere perché esso trabocca però - risolvendo che potrebbe essere una soluzione migliore. – Mike