英文段落每行末尾加连字符
来源:互联网 发布:linux下链接数据库 编辑:程序博客网 时间:2024/05/01 09:34
问题描述
一切的错都怪自己呀,你说英文你让其正常排版不就行了吗,一个单词太长就自动换行咯,偏偏要加个text-align:justity属性让其两端对齐,结果导致单词间距不一样,最可恨的是,自己还加了个word-break:break-all强制单词拆分,结果就出现了一个我去探索连字符的问题。我也不太清楚,反正总而言之,有一个这样的插件可以直接加连字符。它的原理,我觉得吧,主要是一个算法,还有它用了text-align:justify属性。
Hyphenator.js 和 Hyphenator_Loader.js
附上网址:下载链接
对,就是它。直接按照下面方式用就可以了,如果多个页面用到连字符的话,就写到公共部分咯。
尽量在最前面引入js文件
<script src="Hyphenator_Loader.js" type="text/javascript"></script><script type="text/javascript"> Hyphenator_Loader.init( { "en": "automatically",//en代表英语 "de": "Silbentrennungsalgorithmus" }, "./Hyphenator.js"//这里写Hyphenator.js所在的路径 ); </script>
OK,下面你哪段想用连字符,直接加个类就可以了。
<p class="hyphenate" lang="en">I AM A BABY.</p> //加上class="hyphenate"和lang="en"
对了,还要加一下类的css样式嘛,下面的样式写到公共部分就好了。
.hyphenate { text-align:justify; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; }
总结
这个连字符的功能是我自己多次一举了,不过通过这次学习,我还是要加强自己的学习能力以及一些处理问题的方法哦。简单的事情有时候没必要复杂化哦。
一般情况下,可以考虑使用css的属性,但是谷歌不支持。
-moz-hyphens: auto;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;
这个的说明还是看下面的链接吧
hyphens属性
自我取舍咯,怎么高兴怎么来,正常排版就OK啦。
阅读全文
0 0
- 英文段落每行末尾加连字符
- 每行末尾添加字符
- 小技巧:在每行末尾加字符--有没有快速的方法?(批量)
- 在文本段落的前后加字符
- 文件编辑之每行加相同字符
- 英文段落正则表达式
- 英文段落排版
- word西文换行,末尾添加小横线方法(连字符)
- liux文件的每行末尾^M$ 和$
- 【编程题】-C++实现:判断字符串在末尾加一个字符,能否构成回文串
- word2010 中段落加阴影
- 去除末尾字符
- 确认末尾字符算法
- Dota连杀英文
- 1000字符 999段落标记
- 初来乍到,分享几段经典英文段落
- abap中的连加
- 大数的连加
- 【收集】常用的一些代码块<1>
- 编码
- HTTP网络请求状态码
- C#替换Word中的文本内容
- hbase学习--1 使用 java api 创建表
- 英文段落每行末尾加连字符
- jQuery的deferred对象详解
- 2.1.4 实现简单图片浏览
- backup dccnn
- 【NOIP2017提高A组冲刺11.2】失格(乱搞)
- SDUT_2137_数据结构实验之求二叉树后序遍历和层次遍历
- python网络爬虫系列教程——PhantomJS包应用全解
- print 调bug神器 图像,npy,这些数据,一定要注意位深,数据类型这些
- MSP430串口接收控制LED