网站地图 首页 我的微博 技术文章 生活百态 情感人生 杂烩精选 我的作品 留言板
 
各国语言:Translate Page To German Tranlate Page To Spanish Translate Page To French Translate Page To Italian Translate Page To Japanese Translate Page To Korean Translate Page To Portuguese Translate Page To Chinese Translate Page To Russian Translate Page To Dutch
 
 
 商业合作
 建站,改车商业合作大门向你敞开!
关键字标签:兰傲工作室,魔术表演邓影,模特赵文诺,韩素媛,天使恋睡衣,家居114,湛江网站建设,汽配改装,PU包围,际力斯,车友会,电脑DIY,家居招商代理,动画设计,短信群发,QQ生活通,演员出租,百姓网发布
 信息检索
关键字:
类  型:   
 文章分类
  ·技术(37)
  ·生活(101)
  ·情感(24)
  ·杂烩(20)
  ·作品(9)
 推荐文章
 美女模特儿赵文诺加入巨星训练班..
 diy心形鸡蛋
 十一武汉旅游之八:湖北省博物馆..
 《非诚勿扰》主题曲《往前一步》..
 十一武汉旅游之七:长江夜游
 十一武汉旅游之六:辛亥革命博物..
 十一武汉旅游之五:黄鹤楼二
 十一武汉旅游之四:黄鹤楼一
 十一武汉旅游之三:归元寺
 十一武汉旅游之二:月湖,古琴台..
 十一武汉旅游之一:起程
 漫画:狗子
 郁闷时很好用的发泄工具
 逃跑的小猫
 Designasyl创意组合家具设计
 雅力士改装包围
 史上最欠扁的小猫,很可爱
 暴强!!15多GB的视频压锁到63.5..
 珠海广东科学技术职业学院 我的..
 烟火(剧场版)
 文章评论
 加油
 文诺,加油哦,希望有更多的作品..
 希望有更多的作品,加油
 漂亮漂亮,支持
 不错,支持
 真的很不错哦,挺漂亮的
 顶一下!
 加油哦 文章写得还好呢 我来抢..
 纯灌水
 看过
 RSS订阅
 
  英文换行问题   作者:本站整理 2009-8-17 22:29:06  

  
  最近老是有些英文网站的内容太长,把页面给撑的变形了,遭到客户的投诉。

  上网搜索了一下解决方法,有网友直接给出了以下代码,可以加在CSS里面,或者在代码部分添加,不过最好还是统一到CSS样式里面,这样整个网站的英文变形问题就可以统一解决了。

  代码如下:

  table 
  { 
  table-layout: fixed;
  word-wrap:break-word;
  }
  div 
  { 
  word-wrap:break-word;
  }

  注意:经正式检测之后,发现以上代码并不通用,它只是把多余的英文给截取掉了,并没有换行,还必须在td里面加上  style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 这样才可以进行换行。div的可能要在li里面加。原因还不明白,继续寻找解释。

  以下是参考资料:
  word-break版本:IE5+专有属性 继承性:有 
  语法: 
  word-break : normal | break-all | keep-all 
  取值: 
  normal :  默认值。允许在词间换行 
  break-all :  该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。  该值适合包含一些非亚洲文本的亚洲文本 
  keep-all :  与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 

  说明: 
  设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。 
  对于中文,应该使用 break-all 。 
  此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 
  对应的脚本特性为 wordBreak 。 
  示例: 
  div {word-break : break-all; } 
  应用于: 
  IE5.0+ 

  word-wrap版本:IE5.5+专有属性 继承性:有 
  语法: 
  word-wrap : normal | break-word 
  取值: 
  normal :  默认值。允许内容顶开指定的容器边界 
  break-word :  内容将在边界内换行。如果需要,词内换行( word-break )也将发生 

  说明: 
  设置或检索当当前行超过指定容器的边界时是否断开转行。 
  此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。 
  此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 
  对应的脚本特性为 wordWrap 。 
  示例: 
  div { word-wrap: break-word; word-break: break-all; } 

  注意这个 
  break-word :  内容将在边界内换行。如果需要,词内换行( word-break )也将发生 

  标签:英文  换行   分类:技术 | 浏览量:2078 | 评论:0   
还没有任何评论!
昵称:    *
邮箱:    方便交流
内容:    *
验 证 码:    *  看不清,请换一张 
 
 
 
 
Site and content: © 2009 edwardzz.cn    All Rights Reserved    ICP:09044183
QQ : 56530082      Email : edwardzzcai#163.com   feedsky  :