问题:在一个width=100px的div块里输中文到了100px会自动换行,英文却会不断加大width像素(不会换行),这是怎么回事?
答案:打英文的时候肯定是连打了,正确的英文单词之间一定有空格, 一但有空格就会换行!!
问题:如何实现不管是否是单词,都会强制换行!
回答:div加上word-break:break-all;样式。但是ie下可以,ff下不可以。
问题:如何在ie和ff下都可以
回答:结合xml
Xml代码,请使用工具条复制代码
view sourceprintabout
01
.wordwrap
02
{
03
word-wrap:break-word;
04
word-break:break-all;
05
-moz-binding: url('../../JavaScript/wordwrap.xml#wordwrap');//这里的路径自己安排!
06
overflow: hidden;
07
}
08
09
wordwrap.xml的内容如下
10
<?xml version = "1.0"?>
11
12
<bindings xmlns = "http://www.51sjk.com/Upload/Articles/1/0/330/330002_20220921164928641.jpg" xmlns:html = "http://www.51sjk.com/Upload/Articles/1/0/330/330002_20220921164929906.jpg">
13
14
<binding id = "wordwrap" applyauthorstyles = "false">
15
16
<implementation>
17
<constructor>
18
// <![CDATA[
19
20
var elem = this;
21
22
elem.addEventListener('overflow',
23
function()
24
{
25
var exp = / <?\/*[?_\s="'\w]+>/g;
26
27
var txt = elem.innerHTML;
28
var chars = txt.split('');
29
var newTxt = chars.join('?');
30
newTxt = newTxt.replace(exp, reconstructTag);
31
elem.innerHTML = newTxt;
32
},false);
33
34
function reconstructTag(_tag)
35
{
36
return _tag.replace(/?/g, '');
37
}
38
39
//]]>
40
</constructor>
41
</implementation>
42
</binding>
43
44
</bindings>
45
<!-- Web2 -->
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
| 文章分类: |
|
还能输入300字
上传中....
大胆淫贼