Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML DIV文字隐藏问题,求解决啊~~_html/css_WEB-ITnose

DIV文字隐藏问题,求解决啊~~_html/css_WEB-ITnose

Jun 21, 2016 am 09:40 AM


这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!

回复讨论(解决方案)

style="overflow:hidden"试试

文字的 line-height= 图片的高度/你所需显示的文字行数  。

当前样式加:overflow:hidden;zoom1;兼容ie6

当前样式加:overflow:hidden;zoom:1;

这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!
overflow:hidden;后才有这个效果的,就是最下边一行被隐藏了

当前样式加:overflow:hidden;zoom:1;
不好使啊。。。

style="overflow:hidden"试试
overflow:hidden;后才有这个效果的,就是最下边一行被隐藏了 

看你的效果,你应该设置了DIV的高度,你把高度给去掉应该就可以了。你要让最后一行变的好看,你可以给它加个class或id 设置它的属性,比如:颜色,大小,行高。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自适应</title><style type="text/css">*{	padding:0px;	margin:0px;}.fontcss{	width: 320px;	border-radius: 8px;	border: 2px solid #e0e7b8;	padding: 10px;		margin: 20px auto;}.fontcss p{	text-indent: 1em;}</style></head><body><div class="fontcss">	<img src="/static/imghw/default1.png"  data-src="1_epwqgdnbrh.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="火影"  style="float: left;margin-right: 10px;"/>    <p>这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!</p></div></body></html>
Copier après la connexion


这样可以实现文字环绕,你看看,希望对你有帮助

单纯的想隐藏的漂亮的话,高度要被行高整除

<!DOCTYPE HTML><html>	<head>		<meta charset="gbk" />		<title></title>		<style>			div {				width:300px; height:100px;				border:1px solid red;				line-height:20px;				font-size:12px;				overflow:hidden;			}		</style>			</head>	<body>		<div>			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的			发生的健康放讲的是开发就的伤口附近的		</div>	</body></html>
Copier après la connexion

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Mar 12, 2025 pm 04:05 PM

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Mar 20, 2025 pm 05:56 PM

L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

See all articles