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>
这样可以实现文字环绕,你看看,希望对你有帮助
单纯的想隐藏的漂亮的话,高度要被行高整除
<!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>

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element?

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design?

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern?
