前端技术

当前位置:AG亚游集团 > 前端技术 >

CSS强制中文、英文换行的方法详解

时间:2015-11-14        阅读:次        QQ群:182913345

1. word-break:break-all;只对英文起作用,以字母作为换行依据
 
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
 
3. white-space:pre-wrap; 只对中文起作用,强制换行
 
4. white-space:nowrap; 强制不换行,都起作用
 
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

/*只对英文起作用,以字母作为换行依据*/ 
.p1{ word-break:break-all; width:150px;}

/*--只对英文起作用,以单词作为换行依据*/ 
.p2{ word-wrap:break-word; width:150px;}	

/*只对中文起作用,强制换行*/ 
.p3{white-space:pre-wrap; width:150px;}	

/*强制不换行,都起作用*/ 
.p4{white-space:nowrap; width:10px;}	

/*不换行,超出部分隐藏且以省略号形式出现*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}	

注意,一定要指定容器的宽度,不然的话是没有用的。word-break 是IE5+专有属性

上一篇:详解Nofollow标签真面目

下一篇:jQuery实现返回顶部

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.PHP技术分享 AG亚游集团 www.zhanxiqi.com  版权所有  网站地图    AG亚游集团

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 沪ICP备15014499号-2

巴萨队内欢迎格列兹曼 曝最快世界杯前完成转会 海南限购数千亿资金被“闷杀” 这八大看点须知道 数亿美元去向不明 马来西亚反贪机构传唤纳吉布 巴基斯坦官员:美国利用IMF离间中巴关系 韩持续高温致125万只家畜死亡 财产损失达84亿韩元 “双京会”苏宁发布中超首个主场对阵国安海报 这件东西获副国级和省委书记齐点赞 不火也难 2017年全国就业人员7.7亿 留学回国总人数超300… 高通反垄断困境难解 吸血式收费也饱受诟病 马术跟武术一样,要有自己的“套路” 乔布斯18岁求职申请将拍卖:有拼写错误 5万美元起拍 这2名空军将星同日辞世 都曾击落美军F-86战机
申花开会宣布周军离职 朱骏炜任俱乐部常务副总 直击|今日头条封禁“暴走漫画”:涉嫌侮辱英雄事迹 北京居民去年人均看纸书11本 比全国高出6.41本 费德勒为慈善筹集超千万美元 盼纳德穆也参加 小丁:拿第2个MVP更兴奋 劳森是个很敬业的球员 3X3黄金联赛省级赛郫都区开打 引爆\"小球市\" 大叔80元揽体彩5000万:遗憾没掏空奖池-票 人民日报评北京南站黑车:放任不管 必将破坏形象 日产考虑在美建新厂 拟将中国销量再提高100万 菲律宾推动离婚合法 此前申请离婚最低需4800美元 台退役将领:国民党几乎丧失推动和平统一的能力 围棋学院九品教学之“斗力”篇:探棋理 增战力
严书记被查 此前“严书记女儿事件”曾引发舆情 中国男排青年军“秀下限” 负印度伊拉克无缘4强 牛市9周年纪念日 美股盘中大涨纳指创历史新高 这种病跟猝死一样可怕 揭开让你越忙越胖的谜团 巾帼不让须眉 黄金联赛女科比只想挑战清华 许纯美砸60亿选台北市长?自称打死也不贪污一毛钱 中国运9侦察机飞越苏岩礁 韩日两国都派战机跟踪 澳网女双布沙尔/斯蒂芬斯不敌2号种子 止步首轮 21+12+8+3!最强新秀再破纪录 艾弗森后第一人 开什么店比较有市场 有什么好的发展项目 最近开什么店比较好 广东水库抓到一只女鬼 AG亚游集团