Résumer diverses méthodes de retour à la ligne en HTML et CSS

Dans le développement Web, vous pouvez utiliser la balise br en HTML pour retourner à la ligne automatiquement. Si vous êtes dans un article, vous pouvez ajouter
pour obtenir un retour à la ligne automatique - il y en a souvent. aucun espace entre le petit saut de ligne mentionné et avant le saut de ligne ; utilisez la balise

pour obtenir un grand saut de ligne. Vous pouvez également utiliser les attributs CSS pour implémenter le retour à la ligne automatique et le retour à la ligne forcé. Utilisez CSS pour envelopper des lettres et des chiffres anglais consécutifs. Si vous rencontrez le style de liste de titres d'article et espérez ne pas effectuer de retour à la ligne, vous pouvez également utiliser les attributs de style CSS pour effectuer certains. contrôle. Cet article est là pour parler des différents sauts de ligne en HTML et CSS.

Vous pouvez d'abord apprendre des cours gratuits liés au site Web chinois php

1 Apprendre"Manuel de développement HTML"<.>Tutoriels associés sur la balise
et

dans

2. Découvrez les différentes propriétés de saut de ligne dans le

《Manuel de référence CSS 3.0》

html, sauts de ligne en CSS1

Comment gérer les débordements CSS et les sauts de ligne

Ligne. sauts,

Remarque : valable uniquement pour l'anglais

a. Retour à la ligne pour les mots longs

retour à la ligne :

normal : par défaut, en utilisant le navigateur forme par défaut, sans détruire la structure du mot

break-word : casser la structure du mot

b, saut de ligne de texte

word-break :

Valeur :

normal :

break-all : Détruire la structure des mots pour les sauts de ligne

keep-all : Couper la ligne sous un espace demi-largeur

2.

Solution de saut de ligne forcé par contrôle CSS

Dans des circonstances normales, les éléments ont l'espace blanc par défaut : normal (retour à la ligne automatique, espace blanc : nowrap s'il ne s'agit pas d'un retour à la ligne lorsque). le texte saisi dépasse la largeur définie, il sera automatiquement renvoyé à la ligne. Mais lorsque les données saisies sont un tas de caractères, de lettres ou de chiffres sans espaces (les données normales ne devraient pas être là, mais certains testeurs le feront de cette façon), lorsque la largeur est atteinte. du conteneur est dépassé, le conteneur sera agrandi.

3.

Introduction à la mise en page des paragraphes et aux méthodes de retour à la ligne des pages Web HTML

L'apparence d'une page Web dépend en grande partie de sa mise en page. Lorsque de gros paragraphes de texte apparaissent sur la page, ils sont généralement planifiés en paragraphes et les sauts de ligne sont également divisés de manière très stricte. Cette section commence par les paramètres détaillés des paragraphes, afin que les lecteurs puissent utiliser des balises pour gérer librement de gros paragraphes de texte après avoir appris.

4.

Comment implémenter des sauts de ligne forcés ou des sauts de ligne dans DIV, td, p et autres conteneurs en HTML

normal : selon le texte dans les langues asiatiques ​​et langues non asiatiques Règles qui autorisent les sauts de ligne dans les mots

break-all : ce comportement est le même que celui normal pour les langues asiatiques. Les sauts dans n'importe quel mot d'une ligne de texte en langue non asiatique sont également autorisés. Cette valeur convient au texte asiatique contenant du texte non asiatique

keep-all : Identique à la normale pour toutes les langues non asiatiques. Pour le chinois, le coréen et le japonais, les sauts de mots ne sont pas autorisés. Convient à la syntaxe de texte non asiatique contenant une petite quantité de texte asiatique : word-wrap : normal | break-word

5

Saut de ligne de texte CSS3

Texte. Le saut de ligne est en fait une fonctionnalité très courante mais discrète. Vous n’avez rien à définir, le navigateur enveloppera automatiquement la ligne. Par exemple, en anglais, le navigateur choisira d'enrouler les lignes avec des espaces à mi-largeur ou des traits d'union en fonction de la taille du conteneur. Par exemple, en chinois, le navigateur choisira d'envelopper le texte ou les signes de ponctuation. Mais parfois, lorsque vous rencontrez des mots ou des URL longs, le navigateur n'est pas si intelligent et le conteneur éclate, ce qui est moche.

Questions et réponses connexes 1.

Comment envelopper le texte affiché lorsque la souris survole le titre ?

2

Comment envelopper la chaîne renvoyée dans le filtre angulaire

.

2. Retour à la ligne de paragraphe anglais CSS, troncature de mots

[Recommandations associées]

1. Tutoriel vidéo gratuit sur le site Web PHP chinois : 《php. cn Dugu Jiujian (2) - Tutoriel vidéo CSS"

2. Tutoriel gratuit pour site Web PHP chinois : "Apprenez HTML+CSS du bout des doigts"

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!