Les éléments en HTML peuvent étendre leur largeur. Il vous suffit d'utiliser les attributs de style et de transformation avec la fonction scaleX() pour définir le multiple d'étirement de la largeur de l'élément. La syntaxe est "
".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.
La largeur des éléments en HTML5 peut-elle être étirée ?
En HTML, si vous souhaitez étirer la largeur des éléments, vous devez utiliser les attributs style et transform avec la fonction scaleX().
L'attribut style est utilisé pour définir le style d'un élément.
L'attribut transform est utilisé pour permettre d'étirer les éléments. La fonction
scaleX() est utilisée pour définir le facteur d'étirement des éléments.
L'exemple est le suivant :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <img src="1118.02.png" style="max-width:90%" alt="Les éléments peuvent-ils étendre la largeur en HTML5 ?" > </body> </html>
Résultat de sortie :
Tutoriel recommandé : "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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
