Les éléments peuvent-ils étendre la largeur en HTML5 ?-tutoriel HTML-php.cn

Les éléments peuvent-ils étendre la largeur en HTML5 ?

WBOY

Libérer： 2021-12-21 14:50:46

original

2021 Les gens l'ont consulté

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 "".

Les éléments peuvent-ils étendre la largeur en HTML5 ?

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>

Copier après la connexion

Résultat de sortie :

Les éléments peuvent-ils étendre la largeur en HTML5 ?