web前端|html教程
如何能让Div中的长文字不溢出(目前IE可,FF不行)?
web前端-html教程
本人需要在页面上显示一段长文本,于是对Div进行如下css设置:
#concept{
padding-top:10px;
牛贝公众号系统源码,vscode小框怎么去掉,ubuntu中nginx,tomcat 输出程序日志,起点vip爬虫,php中mysql连接,seo专员的简历怎么写,ASP政府网站破解版源码,武警部队网站模板lzw
color:#7a7a7a;
font-size:14px;
font-weight:normal;
分期乐app源码,ubuntu安装分区图解,爬虫怎么保护自己,php考试选择题百度文库,cname对seolzw
text-align:left;
前端开发源码下载,利用vscode建立网站,傲腾ubuntu,tomcat 8 rpm,sqlite查询规定日期,卫生间腿很多的爬虫,php 字符串数组替换,外贸推广seo服务,网站在线阅读插件,网页代码设置背景音乐,阿里大于模板配置lzw
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;
这个,把需要显示的文字隐藏起来违反需求的.
文字溢出有
影响的,去掉试试.
文字溢出有
影响的,去掉试试.
确实如此,去掉后就不溢出了.