> 웹 프론트엔드 > HTML 튜토리얼 > 如何能让Div中的长文字不溢出(目前IE可,FF不行)?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:20:27
원래의
1368명이 탐색했습니다.

本人需要在页面上显示一段长文本,于是对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;
这个,把需要显示的文字隐藏起来违反需求的.

文字溢出有

로그인 후 복사
로그인 후 복사
影响的,去掉试试.

文字溢出有

로그인 후 복사
로그인 후 복사
影响的,去掉试试.

确实如此,去掉后就不溢出了.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿