Heim > Web-Frontend > HTML-Tutorial > 如何能让Div中的长文字不溢出(目前IE可,FF不行)?_html/css_WEB-ITnose

如何能让Div中的长文字不溢出(目前IE可,FF不行)?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:20:27
Original
1366 Leute haben es durchsucht

本人需要在页面上显示一段长文本,于是对Div进行如下css设置:
#concept{
padding-top:10px;

color:#7a7a7a;
font-size:14px; 
font-weight:normal;

text-align:left;

word-wrap: break-word; 
word-break: normal;

-moz-binding: url('./wordwrap.xml#wordwrap');/*FF only*/
word-break:break-all;
white-space: moz-pre-wrap;
}

但是,上面的css只在ie中工作正常,FF中依然如故.

在网上找了找方案,似乎FF中大家对此也有些挠头.
我想了下可能有如下解决办法:
1.让table和div嵌套,对两者都进行设置,强制自动换行.
2.使用JS对文字进行自动断行.

请问大家上述两种方法是否可行,如果不行,我应该怎么做?


回复讨论(解决方案)

换行的,你设置固定的宽度他就会自动换行了

div 加个宽度,再加个  overflow:hidden;

现在是这样:
#concept{
width:900px;
padding-top:10px;

color:#7a7a7a;
font-size:14px; 
font-weight:normal;

text-align:left;

word-wrap: break-word; 
word-break: normal;

-moz-binding: url('./wordwrap.xml#wordwrap');/*FF only*/
word-break:break-all;
white-space: moz-pre-wrap;
}

但是还是没有作用:

IE中就没有问题,如下所示:

div 加个宽度,再加个  overflow:hidden;

overflow:hidden;
这个,把需要显示的文字隐藏起来违反需求的.

文字溢出有

Nach dem Login kopieren
Nach dem Login kopieren
影响的,去掉试试.

文字溢出有

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