文本自动换行(遇见句号就换行)

HTML代码:<p id="text_desc_p">银河我是在英国威尔士的Pembroke海边看到的。如果你和我一样没怎么见过世面,面对如今这天穹上神迹般的飘带就真的在你眼前的时候,绝对会让你叫出声来。文字说再多都苍白无力。只有亲眼见见才能让你由衷赞叹造物主的神奇。
</p>JS代码:
<script type="text/javascript">
    var break_line=document.getElementById("text_desc_p");
    var content=break_line.innerHTML;
    break_line.innerHTML=content.replace(/。/g,"。<br>");
</script>
时间: 2024-08-11 01:23:54

文本自动换行(遇见句号就换行)的相关文章

Sublime 小技巧:文本自动换行显示?

Sublime Text tip for wrap line 题记:虽然现在写代码时,一般各种语言的规范都会说写一行代码不要超过好多好多字,如PEP8是79个字符,以便于阅读.但是,有时候还是需要的,如看log,文档等. 有人喜欢默认显示这样的:(强迫症患者) 自动换行显示 也有人喜欢默认显示成那样的:(随心所欲者) 单行显示 也有人喜欢一会这样,一会那样的.(不折腾会死星人) so Sublime 可以通过设置配置,快捷键和插件满足各种不同的需求. 配置 如果想默认打开文件即换行显示,在选项配

canvas文本自动换行

在用canvas中写刮奖结果的时候发现canvas中的文本不会自动折行,要进行截断另起一行来写.在此参考文章html5-canvas的绘制文本自动换行来做改写. 根据canvas宽度来做折行 在此根据项目的情况让文本占canvas的八分之五,具体可以根据情况改变所占百分比来显示. /* str:要绘制的字符串 canvas:canvas对象 initX:绘制字符串起始x坐标 initY:绘制字符串起始y坐标 lineHeight:字行高 */ function canvasTextAutoLin

CSS3让文本自动换行——word-break属性

1.依靠浏览器让文本自动换行 浏览器本身都自带着让文本自动换行的功能. 2.指定自动换行的处理方法 在CSS3中,可以使用word-break属性来自己决定自动换行的处理方法. div{ word-break:break-all; } word-break属性可以使用的值 值 换行规则 IE5以上 Safari与Chrome normal 使用浏览器默认的换行规则 支持 支持 keep-all 只能在半角空格或连字符处换行 支持 不支持 break-all 允许在单词内换行 支持 支持 当wor

CSS自动换行、强制不换行、强制断行、超出显示省略号

P标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用ajax加载数据之后,p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没有发现本质原因,本质在于,我当时获取的数据是一长串的数字,浏览器应该是对数字和英文单词处理方式相近,不会截断. 先给出各种方式,再具体介绍每一个属性. 强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; } 强制英文单词断行

CSS控制文本自动换行

1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 white-space:nowrap; } 自动换行 div{ word-wrap: break-word; //word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行 word-break: normal; } 强制英文单词断行 div{

【 D3.js 高级系列 — 1.1 】 封装文本自动换行

在[高级 - 第 1.0 章]中讲解了在 SVG 中如何配合使用 text 和 tspan 来实现换行的功能,本文对此功能进行一下封装,以后就可以直接用了. 1. 引用 js 文件 下载地址:multext.js 下载之后,在 <script> 标签里引用: <script src="multext.js" charset="utf-8"></script> 或者直接通过网址引用: <script src="htt

[HTML]TD中的文本自动换行

我经常会遇到这样的问题:在设计好宽度的表格中,因为有些文本信息过长,而把表格撑开(弄的面目全非)!很让人头疼.其实解决这个问题很简单,只要在<td>的样式中加入word-break: break-all(强制换行),就会使那些不听话的文本自动回行.是我刚刚学到的,一起分享~~~ 一起看看吧: 没有使用word-break之前: <table width="300" border="1">      <tr>       <t

使用dreamweaver去掉文本中的空格和换行

当我们从其他地方拷贝文本到网页,在html代码中会自动带有空格和换行,手动去掉很麻烦,今天试着用dreamweaver去了一下,方法如下: 1.点击Ctrl+F,打开“查找和替换”窗口 2‘见下图:

页面定制CSS代码初探:页面变宽 文本自动换行 图片按比缩放

一.初识博客 初写博客,先在设置里选了个喜欢的模板 第一眼就爱上了呢!那极简的风格,我喜欢!!但是,应用后,却发现... 纳尼!模板上右侧那张漂亮的图片呢?!我的怎么什么都没有.没有图片好难看啊,瞬间无爱了,设置里找了下,->博客侧边栏公告 <-,在这里,放了张宽200px的图,好看多了马上,还是有图才不会那么单调~ 二.认识CSS 过了几天,打算写篇博,发现了一个重大的问题,怎么默认的宽度这么窄?那我放图片怎么办,而且,2边留那么多空白不浪费吗,留个5%就够了吧.于是乎,开始了2天的全折腾.