文本:1、text-indent用于定义块级元素中第一个内容行的缩进。2、white-space 属性设置如何处理元素内的空白。值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap文本不会换行,文本会在在同一行上继续,直到遇到 .....
分类:
Web程序 时间:
2015-06-16 12:42:51
阅读次数:
130
今天发现了一个奇怪的问题,从文本编辑器(notepad++)中把一段文本输入到easyui的textbox文本框(textarea)中,不进行任何的操作,直接再从文本框中把文本拷贝出来贴到文本编译器中,通过查看两次文本的十六进制,发现空格部分发生了变化。如下图:
1、文本内容1:(原始文本被容)
2、输入到easyui的textbox中:
3、从文本框中产贴出来:
...
分类:
Web程序 时间:
2015-06-12 11:45:52
阅读次数:
148
重要的一点,就是scrollLeft一直在变化。对象一直在移动,参照物没有动。代码:css:#div1{display:black;width:110px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;backgrou...
分类:
Web程序 时间:
2015-06-11 01:42:29
阅读次数:
302
测试 white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-...
分类:
其他好文 时间:
2015-06-09 16:51:38
阅读次数:
86
以下是对上面几个属性的测试效果如下: 具体代码如下: white-space white-space: normal this is a test ! white-space: pre this is ...
分类:
Web程序 时间:
2015-06-03 19:33:14
阅读次数:
136
写在前面: 1、第一种从网上找到的解决方式添加table-layout:fixed 2、第二种添加div 3、字符串过长产生省略号的css语句为如下三种合用:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;但是在table中并不起作...
分类:
其他好文 时间:
2015-06-01 12:55:55
阅读次数:
132
1.控制超出部分显示省略(单行):white-space: nowrap;text-overflow:ellipsis;overflow: hidden;下面使用css3部分控制多行超出部分显示省略(此处适配谷歌内核浏览器):overflow : hidden;text-overflow: elli...
分类:
其他好文 时间:
2015-06-01 11:30:38
阅读次数:
88
1、使用输出html标签 来解决; document.write("1"+" "+"2"+" "+"3"); 2、使用css样式来解决: document.write("<span?style=‘white-space:pre‘>"+"1??2??3"+"</span>"); ...
分类:
Web程序 时间:
2015-05-26 00:22:08
阅读次数:
183
.hiddens{ ??width:80px;???? // 设定容器宽度 ??overflow: hidden;?? // 超出容器后隐藏 ??white-space: nowrap;? // 不换行 ??text-overflow: ellipsis;?? // 以省略号代替 ? }...
分类:
Web程序 时间:
2015-05-25 20:45:39
阅读次数:
170
text-overflow:ellipsis;优点:1.不用通过程序限定字数2.有利于SEO(实际上并未被截字,只是局限于宽度未被显示而已)width: 某个值; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;overflow:...
分类:
Web程序 时间:
2015-05-25 18:18:49
阅读次数:
132