字母数字的换行问题

//aka makeDesignerHappy(dEl);

functionbreakWord(dEl){if(!dEl||dEl.nodeType!== 1){return false;

}else if(dEl.currentStyle&& typeofdEl.currentStyle.wordBreak=== 'string'){//Lazy Function Definition Pattern, Peter's Blog

//From http://peter.michaux.ca/article/3556

breakWord= function(dEl){//For Internet Explorer

dEl.runtimeStyle.wordBreak= 'break-all';return true;

}returnbreakWord(dEl);

}else if(document.createTreeWalker){//Faster Trim in Javascript, Flagrant Badassery

//http://blog.stevenlevithan.com/archives/faster-trim-javascript

vartrim= function(str) {

str=str.replace(/^\s\s*/,'');varws= /\s/,

i=str.length;while(ws.test(str.charAt(--i)));returnstr.slice(0, i+ 1);

}//Lazy Function Definition Pattern, Peter's Blog

//From http://peter.michaux.ca/article/3556

breakWord= function(dEl){//For Opera, Safari, and Firefox

vardWalker=document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT,null,false);varnode,s,c=String.fromCharCode('8203');while(dWalker.nextNode())

{

node=dWalker.currentNode;//we need to trim String otherwise Firefox will display

//incorect text-indent with space characters

s=trim( node.nodeValue ) .split('').join(c);

node.nodeValue=s;

}return true;

}returnbreakWord(dEl);

}else{return false;

}

}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

//Break All Words

void function(){varaEl=document.getElementsByTagName('p');vardEl,i;varsName= "break-word";varoReg= newRegExp('(\\s|^)' +sName+ '(\\s|$)');for(i=0;dEl=aEl[i];i++){if(dEl.className.match(oReg)){

breakWord(dEl);

}

}

}();

js template换行_js 实现自动换行相关推荐

  1. js template换行_JavaScript字符串换行符?

    小编典典 我刚刚使用了一些愚蠢的JavaScript测试了一些浏览器: function log_newline(msg, test_value) { if (!test_value) { test_ ...

  2. js template换行_D3.js实现文本的换行详解

    一.文字换行是什么问题? 现有一字符串: var str = "云中谁寄锦书来,雁字回时,月满西楼"; 李清照的一剪梅,读过吗? 在 body里添加一个 svg元素,大小如下: v ...

  3. js 字符串换行_JS代码编程中经常用到的超长字符串换行方法,你最喜欢哪一种?

    编写js代码的时候,经常会用到超长字符串的拼接. 例如,把系统时间中的年.月.日.时.分.秒共6个数字动态拼接到一个tr行,不换行的话,将是一个超长的字符串,阅读.维护都不方便.这时就需要将这个字符串 ...

  4. js android 换行符,JavaScript字符串换行符?

    小编典典 我刚刚使用了一些愚蠢的JavaScript测试了一些浏览器: function log_newline(msg, test_value) { if (!test_value) { test_ ...

  5. 如何利用js实现换行

    如何利用js实现换行,下面web建站小编给大家简单介绍一下换行代码! 1.利用"<br>"换行符 复制代码document.write("第一行<br& ...

  6. DIV不换行与DIV换行 DIV默认自动换行

    DIV不换行与DIV换行 DIV默认自动换行了解篇 DIV盒子默认是换行独占100%宽度: DIV盒子没有赋予CSS样式时,默认DIV盒子是独占一行(宽度为100%). 如下默认情况HTML代码: & ...

  7. php js输出换行,js怎么换行

    js换行的方法:1.使用"\n"换行符实现换行:2.通过"\r"换行符实现换行:3.使用HTML的 标签实现换行,代码如"document.write ...

  8. 解决vscode格式化代码html属性换行问题; ctrl+s格式化去除分号,格式化自动单引号;解决js格式化换行问题;mac上的settings.json完整配置

    右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置 配置ct ...

  9. js 异步执行_JS Asynchronous — JS 异步编程极简史

    Asynchronous JS 异步编程极简史,这个故事网上已经很多人有了自己的讲述. Event Loop 解释了 Node.js 为何以及如何实现单线程服务模型和 Event Loop.对于 JS ...

最新文章

  1. 新机器学习库TensorFlow Privacy问世:旨在保护敏感数据
  2. 运维自动化之 Cobbler 系统安装使用详解
  3. java tm 安装在哪里,安装以及配置Java环境
  4. cmd命令大全 DOS窗口命令
  5. mysql5.5 datetime默认值不能为NOW或者CURRENT_TIMESTAMP
  6. python:else与循环语句联合用法
  7. flink source 同步_为什么说 Flink + AI 值得期待?
  8. 【Breadth-first Search 】103. Binary Tree Zigzag Level Order Traversal
  9. 告诉你银行在年底为存储做的小动作
  10. Sublime Text 3 常用快捷键汇总
  11. 为托管应用程序添加DPI Aware支持
  12. 基于centos6.5 hbase 集群搭建
  13. nodejs生成动态网页
  14. Android秒级编译Freeline的使用(Android Studio)
  15. html中加载gif图片,使用CSS3实现动态加载gif图片的效果
  16. IM即时通讯源码系统安卓苹果IOS双端源码介绍
  17. 【项目源码】JavaWeb网上购书系统
  18. matlab直方图均衡化代码
  19. Web 2.0 创业神器为何天生敏捷?
  20. 学习笔记——FPGA芯片主要资源介绍

热门文章

  1. Java IO 3-字节流与字符流的区别
  2. Oracle 的删除
  3. 静态HTML网页设计作品——服装商城-功能齐全(31页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  4. python列表习题
  5. 财通基金VeriSign EV SSL证书网站可信服务
  6. 富文本编辑器添加图片
  7. java函数方法详解(简单易懂)
  8. Javascript 语法解析
  9. 移动端 HDR 视频产品实践与探索
  10. 程序运行过程中更改窗体大小