Qu'est-ce qui est utilisé pour définir la hauteur du texte en CSS3

WBOY
Libérer: 2022-06-20 15:40:34
original
1511 Les gens l'ont consulté

En CSS3, vous pouvez utiliser l'attribut height avec l'attribut overflow pour définir la hauteur du texte ; l'attribut height est utilisé pour définir la hauteur de l'élément et l'attribut overflow est utilisé pour définir le texte à masquer. au-delà de la hauteur de l'élément. La syntaxe est "élément de texte {hauteur : la hauteur qui doit être affichée ; débordement : caché ;}".

Qu'est-ce qui est utilisé pour définir la hauteur du texte en CSS3

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Qu'est-ce qui est utilisé pour définir la hauteur du texte en CSS3

Nous pouvons définir la hauteur d'affichage de l'élément de texte via l'attribut height, et définir l'affichage et le masquage de l'élément de texte lorsqu'il dépasse la hauteur via l'attribut overflow.

L'attribut overflow spécifie ce qui se passe lorsque le contenu déborde de la boîte de l'élément. Lorsque la valeur de l'élément est définie sur masquée, la partie excédentaire sera masquée.

L'exemple est le suivant :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:200px;
                height:100px;
                border:1px solid black;
                overflow:hidden;
            }
        </style>
    </head>
    <body>
        <div>css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏css设置文本显示高度超出部分隐藏</div>
    </body>
</html>
Copier après la connexion

Résultat de sortie :

Quest-ce qui est utilisé pour définir la hauteur du texte en CSS3

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, 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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal