站点统计

  • 分类总数: 5 个
  • 文章总数: 58 篇
  • 评论总数: 32 条
  • 附件总数: 29 个
  • 建站日期: 2008-1-1
  • 访问总数: 182604 人次

阿里妈妈

DIV+CSS解决英文换行问题

lins 于 2008-05-11 23:47:53 发表技术开发随笔

订阅: http://www.im04.com/Feed/Article_33.aspx
引用: http://www.im04.com/Trackback/dcjjhh.aspx (UTF-8)
艾玛去看火炬传递了 < DIV+CSS解决英文换行问题 > CS1.6踢人

今天做一个网站,客户提出英文字母能不能按单词来分段,不要把一个单词中间断掉。哈哈。终于从艾玛那搞到了个样式。YY下。挺不错的。
.c1{ width:200px; border:1px solid red}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c2{ width:200px;word-wrap:break-word; border:1px solid yellow}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c3{ width:200px;word-wrap:break-word;word-break:break-all; border:1px solid green}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c4{ width:200px;word-wrap:break-word;word-break:keep-all; border:1px solid blue}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c5{ width:200px;word-break:break-all; border:1px solid black}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c6{ width:200px;word-break:keep-all; border:1px solid red}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.


.c7{ width:200px;word-wrap:break-word;overflow:auto; border:1px solid yellow}

safjaskflasjfklsajfklasjflksajflksjflkasjfksafj
This is all English. This is all English. This is all English.
全是中文的情况。全是中文的情况。全是中文的情况。
中英文混排的情况。Chinese and English. 中英文混排的情况。Chinese and English.
被阅224次, 0投一票DIV+CSS 解决 英文 换行 问题 

nnn

2008-08-18 16:41:00
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn...
  • 看完了要说点啥么?
  • 昵称 (不填说不了话)
  • 信箱地址 (不会被公开,但是不填也说不了话)
  • 网址 (这个不填也成)

Powered by im04

Copyright © 2007 ☆Marsの回声. All rights reserved.

闽ICP备08003836号