Questions marquées «vertical-alignment»

Généralement, un style ou une autre définition d'interface utilisateur associée au placement d'un élément d'interface dans le plan vertical.


30
Comment aligner verticalement une image à l'intérieur d'un div
Comment pouvez-vous aligner une image à l'intérieur d'un contenant div? Exemple Dans mon exemple, je dois centrer verticalement le <img>dans le <div>avec class ="frame": <div class="frame" style="height: 25px;"> <img src="http://jsfiddle.net/img/logo.png" /> </div> .frameLa hauteur de l'image est fixe et la hauteur de l'image est inconnue. Je peux ajouter de nouveaux …


30
Comment aligner verticalement du texte dans une div?
J'essaie de trouver le moyen le plus efficace d'aligner du texte sur un div. J'ai essayé quelques choses et aucune ne semble fonctionner. .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
Comment aligner le contenu d'une div vers le bas
Disons que j'ai le code CSS et HTML suivant: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait La section d'en-tête est à hauteur fixe, mais le contenu de l'en-tête peut changer. Je voudrais que le …

28
Comment aligner verticalement des éléments dans une div?
J'ai un div avec deux images et un h1. Tous doivent être alignés verticalement dans le div, l'un à côté de l'autre. L'une des images doit être absolutepositionnée dans le div. Quel est le CSS nécessaire pour que cela fonctionne sur tous les navigateurs courants? <div id="header"> <img src=".." ></img> …


8
Comment définir la marge ou le remplissage en pourcentage de la hauteur du conteneur parent?
J'avais creusé la tête pour créer un alignement vertical en CSS en utilisant ce qui suit .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> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait …

7
Android: alignement vertical pour EditText sur plusieurs lignes (zone de texte)
Je veux avoir 5 lignes pour la hauteur de la zone de texte. J'utilise le code suivant. <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" /> La zone de texte semble correcte, mais le problème est que le curseur clignote au milieu du champ de texte. Je veux qu'il clignote …


30
Ajouter du texte centré au milieu d'une ligne semblable à <hr />
Je me demande quelles options on a en xhtml 1.0 strict pour créer une ligne des deux côtés du texte comme ceci: Section un ----------------------- Section suivante ----------------------- Section deux J'ai pensé à faire des choses fantaisistes comme ça: &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 Ou …



9
Comment centrer le div verticalement à l'intérieur d'un div parent positionné de manière absolue
J'essaie d'obtenir un contenant bleu au milieu d'un contenant rose, mais il semble vertical-align: middle;ne pas faire le travail dans ce cas. &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; Résultat: Attente: Veuillez suggérer comment puis-je …

5
alignement vertical de l'élément de texte en SVG
Disons que j'ai le fichier 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; Je veux en quelque sorte aligner le haut de aet b. En fait, je veux que mon positionnement soit en fonction de la rooflineplace de baseline!

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.