简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

css+div如何解决内容的溢出_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:48:16
original
1027 Les gens l'ont consulté

         平时我们布局时候，有的文字内容多了会超过溢出我们限制的高度，有的图片会撑破DIV，让网页错位变乱。CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。
特别是在IE6，如果内容超出对象高度和宽度承载，将会被撑破增高，这个时候我们可以利用以下解决方法。
解决CSS样式  
         这时我们可以使用CSS overflow样式解决：对应样式overflow:hidden
         Div{overflow:hidden}
         这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。

1、隐藏超出对象宽度高度文字内容        
2、隐藏超出对象宽度的图片部分案例


Étiquettes associées：
css+div如何解决内容的溢出
source：php.cn
Article précédent：【动态页面】（一）前提_html/css_WEB-ITnose Article suivant：css3制作一个漂亮的按钮_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
Afficher le menu déroulant à l'aide de l'événement de survol de la souris J'ai un menu contextuel et j'essaie d'utiliser les événements de survol de la souris pour ...
Depuis 2024-04-03 15:14:43
0
1
416
Implémentez une disposition en grille avec 3 colonnes avec un élément couvrant toute la hauteur de la première colonne Je souhaite compenser le contenu d'une colonne en CSS. Je pense que c'est aussi simple que...
Depuis 2024-04-02 09:05:41
0
1
301
Je n'arrive pas à centrer quoi que ce soit sur l'écran Je suis un tutoriel YouTube sur la façon de créer une barre de navigation réactive sur HTM...
Depuis 2024-04-01 11:51:40
0
2
303
Largeur de la fenêtre CSS React.js Je développe un site Web réactif en utilisant React. Pour le style, j'utilise des feuilles...
Depuis 2024-03-31 16:31:23
0
1
386
Implémentation d'un diagramme circulaire à bulles : un guide étape par étape Je dois mettre en œuvre ceci : honnêtement, je ne sais pas comment rechercher cela sur Goo...
Depuis 2024-03-30 19:18:40
0
1
369
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！