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é ;}".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
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>
Résultat de sortie :
(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!