Domande taggate «vertical-alignment»

In genere uno stile o un'altra definizione dell'interfaccia utente associata al posizionamento di un elemento dell'interfaccia nel piano verticale.

30
Come allineare verticalmente un'immagine all'interno di un div
Come è possibile allineare un'immagine all'interno di un contenitore div? Esempio Nel mio esempio, ho bisogno di centrare verticalmente il <img>in <div>con class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameL'altezza è fissa e l'altezza dell'immagine è sconosciuta. Posso aggiungere nuovi elementi .framese questa è l'unica soluzione. Sto …
30
Come allineare verticalmente il testo in un div?
Sto cercando di trovare il modo più efficace per allineare il testo con un div. Ho provato alcune cose e nessuna sembra funzionare. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em …
25
Come allineare il contenuto di un div in fondo
Supponiamo che io abbia il seguente codice CSS e HTML: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Esegui snippet di codiceNascondi risultatiEspandi frammento La sezione dell'intestazione è fissa, ma il contenuto dell'intestazione può cambiare. Vorrei che il contenuto dell'intestazione fosse allineato …
28
Come allineare verticalmente gli elementi in un div?
Ho un div con due immagini e un h1. Tutti devono essere allineati verticalmente all'interno del div, uno accanto all'altro. Una delle immagini deve essere absoluteposizionata all'interno del div. Di cosa ha bisogno il CSS per farlo funzionare su tutti i browser comuni? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img …
8
Come impostare il margine o il riempimento come percentuale di altezza del contenitore principale?
Mi ero scervellato per creare un allineamento verticale in CSS usando quanto segue .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Esegui snippet di codiceNascondi risultatiEspandi frammento Mentre questo sembrava funzionare …
7
Android: allineamento verticale per EditText su più righe (area di testo)
Voglio avere 5 righe per l'altezza dell'area di testo. Sto usando il seguente codice. <EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:singleLine="false" android:lines="5" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" /> L'area di testo sembra a posto, ma il problema è che il cursore lampeggia nel mezzo del campo di testo. Voglio che lampeggi alla prima riga, al …
30
Aggiungi testo centrato al centro di una linea simile a <hr />
Mi chiedo quali opzioni si hanno in xhtml 1.0 rigoroso per creare una linea su entrambi i lati del testo in questo modo: Sezione prima ----------------------- Sezione successiva ----------------------- Sezione due Ho pensato di fare cose fantasiose come questa: &lt;div style="float:left; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; &lt;div style="float:right; width: 44%;"&gt;&lt;hr/&gt;&lt;/div&gt; Next section O …
9
Come centrare il div verticalmente all'interno del div parent posizionato in modo assoluto
Sto cercando di ottenere un contenitore blu nel mezzo di quello rosa, tuttavia sembra vertical-align: middle;che in quel caso non funzioni. &lt;div style="display: block; position: absolute; left: 50px; top: 50px;"&gt; &lt;div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"&gt; &lt;div style="background-color: lightblue;"&gt;test&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Risultato: aspettative: Per favore, suggerisci come posso …
5
allineamento verticale dell'elemento di testo in SVG
Diciamo che ho il file SVG: &lt;svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt; &lt;text x='20' y='60' style="font-size: 60px"&gt;b&lt;/text&gt; &lt;text x='100' y='60' style="font-size: 60px"&gt;a&lt;/text&gt; &lt;/svg&gt; Voglio in qualche modo allineare la parte superiore di ae b. In realtà, voglio che il mio posizionamento sia conforme a rooflineinvece di baseline!
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.