Nous pouvons utiliser JavaScript pour aligner le contenu du texte au centre en manipulant les propriétés CSS de l'élément. Cela peut être fait en sélectionnant l'élément et en définissant la propriété "text-align" sur "center". De plus, nous pouvons également utiliser l'attribut "margin" pour ajuster la position de l'élément.
Il existe de nombreuses façons de centrer le contenu du texte à l'aide de JavaScript -
La méthode la plus courante consiste à définir la propriété text-align sur "center" dans la feuille de style CSS.
Une autre façon consiste à utiliser la balise
Ci-dessous, nous verrons le code pour centrer le texte en utilisant uniquement JavaScript.
<html>
<head>
<title>JavaScript - Center Text</title>
</head>
<body>
<script>
const centerText = () => {
var centerText = document.createElement('p');
centerText.innerText = 'Center Text';
centerText.style.color = 'black';
centerText.style.textAlign = 'center';
document.body.appendChild(centerText);
}
centerText();
</script>
</body>
</html>
Voyons un autre exemple de contenu de texte aligné au centre -
<!DOCTYPE html>
<html>
<head>
<title>
Align Text
</title>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">
This text will be center aligned
</p>
<button onclick="demoFunc();">Align</button>
<script>
function demoFunc() {
let txt = document.getElementById("demo");
txt.style.textAlign = "center";
}
</script>
</body>
</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!
Fonction d'assistant de pilote Windows
Comment convertir des fichiers png en pdf
Comment redimensionner des images dans PS
python configurer les variables d'environnement
Quels sont les logiciels pour apprendre python ?
Ordre recommandé pour apprendre le langage C++ et C
A quoi sert principalement javascript ?
La différence entre grande fonction et max
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
