recherche

Maison >interface Web >tutoriel HTML >Comment organiser la liste horizontalement en HTML

Comment organiser la liste horizontalement en HTML

青灯夜游
青灯夜游original
2022-01-21 11:47:0237059parcourir

Comment organiser la liste horizontalement en HTML : 1. En utilisant l'attribut float, il vous suffit d'ajouter le style "float: left;" à l'élément li de la liste; ajouter " display: inline;" le style suffit.

Comment organiser la liste horizontalement en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Créer une liste en HTML : 

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			ul li{
				list-style:none;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

Comment organiser la liste horizontalement en HTML

Comment disposer la liste horizontalement ?

1. Utilisez l'attribut float

ul li{
	list-style:none;
	float: left;
}

Comment organiser la liste horizontalement en HTML

2 Utilisez l'attribut display

ul li{
	list-style:none;
	display: inline;
}

Comment organiser la liste horizontalement en HTML

Recommandations associées : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment créer un lien hypertexte de saut vers la fin de la page en html5Article suivant：Comment créer un lien hypertexte de saut vers la fin de la page en html5

Articles Liés

Voir plus