css控制英文内容自动换行問題
2014-04-18 18:34
239 查看
css控制英文内容自动换行
HTML:
显示效果截图:
![](http://images.cnitblog.com/i/603668/201404/181821580881868.png)
被拆分的单词与源代码预览对比截图:
![](http://images.cnitblog.com/i/603668/201404/181823412919604.png)
发现是因为word文档出现的空格问题后,那就只能寻求数据库插入记录时过滤这种 的烦人问题了,以及必须要将原来已经插入数据库中内容所带有的 替换为文本空格,所以就有了下面的数据库操作语句截图:
![](http://images.cnitblog.com/i/603668/201404/181827431191225.png)
Pic2:
![](http://images.cnitblog.com/i/603668/201404/181828497609732.png)
参考文章链接: http://liuhanjun.iteye.com/blog/1014841 | http://7464431.blog.51cto.com/7454431/1351075 ,这两个链接都是在讲word文档空格与文本空格。
HTML:
<!-- 因为要显示的内容是用户通过CMS添加进入数据库,再抓取出来前台显示的,所以你根本无法 控制每一行内容的长度. 所以我在显示内容的div设置了一个宽度,同时为了一面撑破div,所以也就使用了word-wrap:break-word; . 显示的结果:就是div没有被撑破,但是英文单词却被拆分了,请看截图. 最终发现的原因是:因为内容是从word文档粘贴进去的,所以空格是html的空格实体[ ]. 因此,就变得似乎word-wrap:break-word;不起作用了,所以又去折腾work-break|word-space属性,发现都没有用. --> <div style="width:260px;word-wrap:break-word;white-space:no-wrap;"> <!-- there is the content in english--> </div>
显示效果截图:
![](http://images.cnitblog.com/i/603668/201404/181821580881868.png)
被拆分的单词与源代码预览对比截图:
![](http://images.cnitblog.com/i/603668/201404/181823412919604.png)
发现是因为word文档出现的空格问题后,那就只能寻求数据库插入记录时过滤这种 的烦人问题了,以及必须要将原来已经插入数据库中内容所带有的 替换为文本空格,所以就有了下面的数据库操作语句截图:
![](http://images.cnitblog.com/i/603668/201404/181827431191225.png)
Pic2:
![](http://images.cnitblog.com/i/603668/201404/181828497609732.png)
参考文章链接: http://liuhanjun.iteye.com/blog/1014841 | http://7464431.blog.51cto.com/7454431/1351075 ,这两个链接都是在讲word文档空格与文本空格。
相关文章推荐
- css控制编辑器内容自动换行
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时,进行自动换行
- CSS控制文本自动换行
- css设置强制单元格内容自动/不自动换行
- div 实现长英文字母自动换行CSS
- css中设置table中的td内容自动换行
- CSS控制文本自动换行
- 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
- 多浏览器支持CSS 容器内容超出(溢出)支持自动换行
- CSS控制文本自动换行
- 使用css让英文文本自动换行
- CSS控制文本自动换行
- 用css控制连续英文字符或数字换行
- DIV内容超出div宽度后自动换行的css代码
- CSS控制文本自动换行
- CSS中DIV只出现竖向滚动条且内容自动换行
- css实现长英文字母自动换行
- css控制文字自动换行的实现方法
- CSS 网页内容换行控制