Overflow ou Effet de débordement

L’effet overflow

L’effet dit de débordement signifie que le développement d’un aspect d’une chose entraîne le développement d’autres aspects de la chose. Par exemple:

  • 1. Les effets d’entraînement font référence aux effets économiques bons ou mauvais qui peuvent être causés aux consommateurs ou à d’autres producteurs en raison des actions d’entreprises individuelles.
  • 2. L’impact d’une augmentation de la demande globale et du revenu national d’un pays sur d’autres pays.
  • 3. Effet d’entraînement : Il existe un effet d’entraînement technologique.

Les sociétés multinationales sont les principaux inventeurs des technologies de pointe mondiales et la principale source d’approvisionnement en technologies de pointe mondiales. Les sociétés multinationales réalisent leur transfert de technologie grâce à l’internalisation de l’investissement étranger direct. Ce comportement de transfert de technologie apporte une économie externe au pays d’accueil, c’est-à-dire un débordement technologique. Tous les produits et services sur le marché pertinent refléteront ce type de technologie, alors les intérêts des utilisateurs de ces produits ou services seront externes, car les entreprises qui réalisent ou génèrent des avantages sont en concurrence avec les entreprises qui génèrent la technologie, c’est-à-dire que la technologie a effet renversé.

Effets d’entraînement dans l’économie mondiale

Qu’est-ce que le débordement ?

Overflow ou Effet de débordement
.word {
  border: 1px solid #333333;
  width: 100px;
  font-size: 250%;
}
    


Nous savons que tout dans CSS est une boîte, nous pouvons donc limiter la taille de la boîte en attribuant une largeur et une hauteur (ou une taille de ligne et une taille de bloc). Le renversement se produit lorsque vous en mettez trop dans la boîte, de sorte que le contenu de la boîte ne tient pas non plus. CSS vous offre plusieurs outils pour contrôler le débordement, et il est utile de comprendre ces concepts au début de votre apprentissage. Lorsque vous écrivez du CSS, vous rencontrez souvent des situations de débordement, en particulier lorsque vous approfondissez la mise en page du CSS par la suite.

CSS fait de son mieux pour réduire la « perte de données »


Commençons par deux exemples qui montrent ce que CSS fait par défaut lorsqu’il rencontre un débordement.

Le premier exemple est une boîte, déjà contrainte par la hauteur dans la direction du bloc. Ensuite, nous avons ajouté tellement de contenu qu’il n’y a plus de place dans la boîte. Le contenu déborde de la boîte et se laisse gâcher les paragraphes sous la boîte.

Vous vous demandez peut-être pourquoi CSS utilise par défaut une manière aussi désordonnée de répandre du contenu de manière si désordonnée ? Pourquoi ne pas masquer le contenu supplémentaire ou agrandir la boîte ?

CSS ne cache pas votre contenu autant que possible, et la perte de données causée par le masquage est souvent ennuyeuse. En termes CSS, cela fait disparaître du contenu, vos visiteurs ne le remarqueront peut-être pas, et si tout ce qui disparaît est le bouton de soumission sur le formulaire, personne ne peut remplir le formulaire, ce qui est un vrai casse-tête ! Ainsi, CSS le déborde à la place sous une forme visible. Le résultat est que vous verrez un gâchis de mauvais CSS, ou au pire, les visiteurs de votre site vous diront que quelque chose apparaît et que votre site doit être réparé.

Si vous avez délimité une boîte avec une largeur ou une hauteur, CSS suppose que vous savez ce que vous faites et que vous contrôlez le débordement. En conclusion, restreindre la taille de l’orientation du bloc peut poser des problèmes lorsqu’il s’agit de placer du texte à l’intérieur de la boîte, car il peut y avoir plus de texte que prévu lors de la conception du site, ou le texte devient plus grand – comme lorsque l’utilisateur augmente le taille de police.

Dans les prochaines leçons, nous examinerons différentes manières de contrôler la taille afin de réduire les effets de débordement. Cependant, si vous avez besoin d’une taille fixe, vous pouvez également contrôler la manière dont le débordement est représenté. Alors lisons la suite !

Propriété de débordement


La propriété overflow est la façon dont vous contrôlez le débordement d’un élément, elle indique au navigateur comment vous voulez gérer le débordement. La valeur par défaut pour le débordement est visible, c’est pourquoi lorsque notre contenu déborde, nous le voyons par défaut.

Si vous souhaitez recadrer le contenu lorsqu’il déborde, vous pouvez paramétrer débordement : masqué sur votre box. Cela fait ce qu’il semble faire – masque le débordement. Cela fera probablement disparaître les choses naturellement, vous ne devriez donc le faire que si vous décidez que le masquage du contenu ne posera pas de problème.

 795 total views,  2 views today

Add a Comment

Your email address will not be published.