Comment centrer un élément en JavaScript

Comment centrer un élément en JavaScript : créez d'abord un exemple de fichier frontal ; puis définissez la valeur de l'attribut de position de l'élément spécifié sur absolu et enfin ajoutez "οnlοad="center();"" à le corps.

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Comment centrer un élément en JavaScript ?

Méthode Javascript pour contrôler le centrage d'un élément

Par exemple, si vous souhaitez contrôler le centrage d'un élément avec l'ID de div1, définissez d'abord la valeur de l'attribut de position de l'élément à absolu, et ajoutez-en un au corps οnlοad="center();"

Code:

function center() {   
    var divId=document.getElementById('div1');   
    divId.style.left=(document.documentElement.clientWidth-divId.clientWidth)/2+'px';   
    divId.style.top=(document.documentElement.clientHeight-divId.clientHeight)/2+'px';   
}

De cette façon, le div peut être centré, à condition de respecter les spécifications du w3c, cela fonctionne à la fois dans ie et dans Firefox Testé. Si vous supprimez l'unité ("px"), Firefox vous fera vous évanouir, haha~~

[Apprentissage recommandé : Tutoriel avancé JavaScript]

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!