Comment implémenter l'alignement de la date et du titre à droite dans la balise li-Tutoriel H5-php.cn

Maison

interface Web

Tutoriel H5

Comment implémenter l'alignement de la date et du titre à droite dans la balise li

巴扎黑

May 18, 2018 pm 05:17 PM

Alignement日期标题

J'espère que le titre sera aligné à gauche et que la date sera alignée à droite. Lorsque float:right est directement ajouté à l'intervalle de date, IE8 et FF seront OK, mais IE6/7 enveloppera le contenu. ligne. Voici une solution simple et efficace.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>
<style>
<!--

#mylist { width:400px; list-style-type:none; margin:0; padding:0; }
#mylist li span {
        float:right; 
}
--> 
</style> 
</head> 
<body> 
<ul id="mylist">

        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>         
</ul>

</body> 
</html>

Remarque : Vous devez écrire span devant la balise Li, afin que la date dans span puisse être alignée à droite dans les versions antérieures à IE6/IE7/FF3.5.

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 connexe

Au-delà des bases: techniques avancées dans le code H5May 02, 2025 am 12:03 AM

Des conseils avancés pour H5 incluent: 1. Utilisez des graphiques complexes pour dessiner, 2. Utilisez des travailleurs Web pour améliorer les performances, 3. Améliorer l'expérience utilisateur via WebStorage, 4. Implémentation Responsive Design, 5. Utilisez WebBrTC pour obtenir une communication en temps réel, 6. Effectuer une optimisation des performances et les meilleures pratiques. Ces conseils aident les développeurs à créer des applications Web plus dynamiques, interactives et efficaces.

H5: L'avenir du contenu Web et de la conceptionMay 01, 2025 am 12:12 AM

H5 (HTML5) améliorera le contenu Web et la conception à travers de nouveaux éléments et API. 1) H5 améliore le marquage sémantique et le support multimédia. 2) Il présente Canvas et SVG, enrichissant la conception Web. 3) H5 fonctionne en étendant la fonctionnalité HTML via de nouvelles balises et API. 4) L'utilisation de base inclut la création de graphiques à l'aide de l'informatique et une utilisation avancée implique Webstoragapi. 5) Les développeurs doivent prêter attention à la compatibilité du navigateur et à l'optimisation des performances.

H5: nouvelles fonctionnalités et capacités pour le développement WebApr 29, 2025 am 12:07 AM

H5 apporte un certain nombre de nouvelles fonctions et capacités, améliorant considérablement l'efficacité d'interactivité et de développement des pages Web. 1. Tags sémantiques tels que améliorer le référencement. 2. La prise en charge multimédia simplifie le pavée audio et vidéo et les balises. 3. Le dessin Canvas fournit des outils de dessin graphiques dynamiques. 4. Le stockage local simplifie le stockage des données via LocalStorage et SessionStorage. 5. L'API de géolocalisation facilite le développement de services basés sur la localisation.

H5: Améliorations clés de HTML5Apr 28, 2025 am 12:26 AM

HTML5 apporte cinq améliorations clés: 1. Les balises sémantiques améliorent la clarté du code et les effets SEO; 2. Prise en charge multimédia simplifie la vidéo et la formation audio; 3. L'amélioration du formulaire simplifie la vérification; 4. Le stockage hors ligne et local améliore l'expérience utilisateur; 5. Canvas et fonctions graphiques améliorent la visualisation des pages Web.

HTML5: la norme et son impact sur le développement WebApr 27, 2025 am 12:12 AM

Les caractéristiques principales de HTML5 incluent des balises sémantiques, une prise en charge multimédia, un stockage hors ligne et un stockage local et une amélioration de la forme. 1. Tags sémantiques tels que, etc. pour améliorer la lisibilité du code et l'effet SEO. 2. Simplifiez l'intégration multimédia avec des étiquettes. 3. Stockage hors ligne et stockage local tels que ApplicationCache et LocalStorage Prise en charge l'opération sans réseau et le stockage de données. 4. L'amélioration du formulaire introduit de nouveaux types d'entrée et des propriétés de vérification pour simplifier le traitement et la vérification.

Exemples de code H5: applications pratiques et tutorielsApr 25, 2025 am 12:10 AM

H5 offre une variété de nouvelles fonctionnalités et fonctions, améliorant considérablement les capacités du développement frontal. 1. Prise en charge multimédia: intégration des médias et éléments, aucun plug-ins n'est requis. 2. Canvas: utilisez des éléments pour rendre dynamiquement les graphiques et les animations 2D. 3. Stockage local: implémentez le stockage de données persistant via LocalStorage et SessionStorage pour améliorer l'expérience utilisateur.

Le lien entre H5 et HTML5: similitudes et différencesApr 24, 2025 am 12:01 AM

H5 et HTML5 sont des concepts différents: HTML5 est une version de HTML, contenant de nouveaux éléments et API; H5 est un cadre de développement d'applications mobiles basé sur HTML5. HTML5 analyse et rend le code via le navigateur, tandis que les applications H5 doivent exécuter des conteneurs et interagir avec le code natif via JavaScript.

Les éléments constitutifs du code H5: éléments clés et leur objectifApr 23, 2025 am 12:09 AM

Les éléments clés de HTML5 comprennent ,,,,,,, etc., qui sont utilisés pour créer des pages Web modernes. 1. Définissez le contenu de la tête, 2. Utilisé pour naviguer dans le lien, 3. Représenter le contenu d'articles indépendants, 4. Organisez le contenu de la page, 5. Afficher le contenu de la barre latérale, 6. Définir le pied de page, ces éléments améliorent la structure et la fonctionnalité de la page Web.

See all articles