Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.

10
Come posso rendere Flexbox i bambini al 100% di altezza dei loro genitori?
Sto cercando di riempire lo spazio verticale di un oggetto flessibile all'interno di un Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; …
459 css  flexbox 
4
Posizione assoluta ma relativa al genitore
Ho due div all'interno di un altro div e voglio posizionare un div figlio in alto a destra del div genitore e l'altro div figlio nella parte inferiore del div genitore usando css. Vale a dire, voglio usare il posizionamento assoluto con i due div figli, ma posizionarli rispetto al …
457 html  css 
6
CSS overflow-x: visibile; e overflow-y: nascosto; causando problemi con la barra di scorrimento
Supponiamo di avere un certo stile e il markup: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> …
455 html  css  overflow 
7
Come aggiungere più file di font per lo stesso font?
Sto guardando la pagina MDC per la regola CSS @ font-face , ma non capisco nulla. Ho file separati per grassetto , corsivo e grassetto + corsivo . Come posso incorporare tutti e tre i file in una @font-faceregola? Ad esempio, se ho: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") …
454 fonts  css  font-face 
12
CSS: espande l'altezza DIV del figlio mobile all'altezza del genitore
Ho la struttura della pagina come: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Ora, il child-leftDIV avrà più contenuti, quindi l' parentaltezza del DIV aumenta secondo il DIV figlio. Ma il problema è che l' child-rightaltezza non sta aumentando. Come posso rendere la sua altezza uguale …
451 html  css  layout 
13
Come posso aggiungere un box-shadow su un lato di un elemento?
Ho bisogno di creare un box-shadow su qualche blockelemento, ma solo (ad esempio) sul lato destro. Il modo in cui lo faccio è avvolgere l'elemento interno con box-shadowuno esterno con padding-righteoverflow:hidden; quindi gli altri tre lati dell'ombra non sono visibili. C'è un modo migliore per raggiungere questo obiettivo? Come box-shadow-right? …
445 css  shadow  box-shadow 
30
Stampa solo <div id = "printarea"> </div>?
Come faccio a stampare il div indicato (senza disabilitare manualmente tutti gli altri contenuti della pagina)? Voglio evitare una nuova finestra di anteprima, quindi non è utile creare una nuova finestra con questo contenuto. La pagina contiene un paio di tabelle, una delle quali contiene il div che voglio stampare: …
17
Offset un'immagine di sfondo da destra usando CSS
C'è un modo per posizionare un'immagine di sfondo di un certo numero di pixel dalla destra del suo elemento? Ad esempio, per posizionare qualcosa di un certo numero di pixel (diciamo, 10) da sinistra , ecco come lo farei: #myElement { background-position: 10px 0; }
443 css 
10
Come nascondo un elemento durante la stampa di una pagina Web?
Ho un link sulla mia pagina web per stampare la pagina web. Tuttavia, il collegamento è visibile anche nella stampa stessa. Esiste un codice JavaScript o HTML che nasconderebbe il pulsante di collegamento quando faccio clic sul collegamento di stampa? Esempio: "Good Evening" Print (click Here To Print) Voglio nascondere …
440 css  printing 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.