Comment est-il possible d'aligner plusieurs images dans un ordre vertical les unes au-dessous des autres sur le côté gauche de l'écran?comment quelqu'un Aligner verticalement plusieurs images sur la page Web (l'une sur l'autre) en utilisant css?
Merci
Ajouter display: block sur tous et ils se comportent comme DIVs et aligner comme vous voulez par défaut.
Un exemple simple:
<!DOCTYPE html>
<html>
<body>
<style>
img.block{
display: block;
}
</style>
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" />
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" />
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" />
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" />
</body>
Exemple? Avez-vous une URL que nous pouvons regarder? Je veux dire, cela peut facilement être fait, tout dépend dans quel contexte vous devez le faire.
Ce serait le plus simple et le plus rapide. (Pas la meilleure méthode)
<h4>This table has no borders:</h4>
<table>
<tr>
<td>image.gif</td>
</tr>
<tr>
<td>image.gif</td>
</tr>
<tr>
<td>image.gif</td>
</tr>
<tr>
<td>image.gif</td>
</tr>
</table>
Le CSS suivant devrait le faire
display: block; float: left; clear: both;
Qu'est ce que le point de 'float: left; clair: les deux; '? Pourquoi appliquer un comportement par défaut? Ce que vous avez écrit est un pléonasme CSS. –
SURTOUT pas le meilleur! BTW le -1 n'était pas de moi. – AUSteve
Tables ... Ils ne meurent jamais. –
C'était Alin qui donnait le -1, n'est ce pas! Vous descendez Alin! –