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

WBOY
Freigeben: 2016-06-21 09:40:49
Original
1089 Leute haben es durchsucht

这是一个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="1_epwqgdnbrh.jpg" width="100"    style="max-width:90%" alt="火影"  style="float: left;margin-right: 10px;"/>    <p>这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!这是一个div,最后一行怎么让它显示得漂亮点啊,或者多出来的字隐藏掉或者用...替换,求高手指导啊!</p></div></body></html>
Nach dem Login kopieren


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

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

<!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>
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage