前端技术

当前位置: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+专有属性

上一篇:AG亚游集团详解Nofollow标签真面目

下一篇:jQuery实现返回顶部

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

PHP技术分享

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

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

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

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

人民日报:马克思人生境界的四个要素 退市步入全覆盖重落实新阶段 强化交易所主体责任 币民数达500万 韩国禁止公职人员染指虚拟货币 俩队伤的人够组套全明星! 这阵容进攻强无敌 卡纳瓦罗透露要布防鲁能一点 阿兰替身已经确定 GAP公司就T恤删减中国地图道歉 外交部回应 新浪彩票名家大乐透第18055期推荐汇总 世卫组织:刚果(金)埃博拉疫情传播风险“非常高” 欧冠-伊瓜因传射迪巴拉绝杀 尤文逆转淘汰热刺 辽宁备战总决赛气氛轻松 李晓旭连中6记三分球 国产大飞机三兄弟都已飞到什么高度?三大总师揭秘 国安最猛火力枪口热的发烫 要破纪录之时却遇尴尬
姚劲波:放宽租房公积金提取限额 增加经济型公寓 李斌:采取“靶向治疗”解决因病致贫返贫 这1特点出现率达100% 双色球下期码有着落了? 特朗普:收关税将给股市带来痛苦 但这不得不做 丁彦雨航伤势基本痊愈 独行侠签他为积攒人气? 网友评空姐遇害:避免扩大化 但滴滴顺风车业务该取缔 海关总署:暂停采购长春长生各类疫苗 北京共有产权房首付最低30% 刚果(金)民众抗议届满总统留任 警方驱散致2人亡 微商已死,播商能成? 特朗普钢铝税对加墨网开一面 欧盟等或排队求豁免 台湾保姆把幼儿当沙包 重摔虐打画面引众怒
17岁少年为体验摔碗酒英雄气概 豪饮九碗白酒身亡 媒体:停职城管当天“复职”执法?问责岂能是作秀 去猛龙莱昂纳德有38%开心!这是大数据分析的 台名嘴:台湾未来最多就大陆一个省的影响实力 格力称没被银隆拖欠货款 并否认全面进驻银隆 朝韩商定4月底举行首脑会谈 架设首脑热线 索萨:亚冠回来只有一天训练 人和会有强烈斗志 朴槿惠没法看直播干急 判多少年至少晚上才知道 浙江省委书记车俊:争当新时代全面深化改革排头兵 养20头牛一年赚多少钱 中国食品品牌排行榜 赚钱最快的八个方法 有什么好的发展项目 AG亚游集团