个性原创,打造品牌

拒绝模仿抄袭、拒绝模板建站;
多位资深网页设计师同时设计,让您优中选优;
网站独一无二,品牌轻易提升...

了解详情 >

代码规范,国际标准

后台php+mysql动态管理,功能强大,千万级数据;
前台div+css生成静态,代码精简,访问速度快,
符合w3c国际标准,兼容ie/火狐/苹果等任意浏览器...

了解详情 >

细微高效,全程无忧

域名一个,主机一台;
主机BGP多线路,5G存储空间,流量不限;
新闻录入、图片处理、数据备份、安全监测、网站升级...

了解详情 >

移动时代,机不可失

全新视觉、创新操作;
跨平台兼容,微信无缝对接;
不容错过的手机网络商机,不能错过的手机网站时代...

了解详情 >

搜索领先,锁定访客

在主流搜索引擎的搜索结果中,
网站的名称,排在第一页的第一名,
网站其他相关的3-5个关键词,排在第一页...

了解详情 >

营销利器,决胜千里

全国统一呼叫,品牌企业的象标志。
中国电信4008/4009、中国联通4000/4006,号码任选;
通话资费预存...

了解详情 >
以“信”为主的服务理念,“源”为标杆的服务特点351532641点击咨询010-86203368联系电话
CSS问题设计问题程序问题优化问题

CSS强制中英文换行与不换行

发布时间:2012-10-19      浏览次数:4473

.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;}/*不换行,超出部分隐藏且以省略号形式出现*/



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;不换行,超出部分隐藏且以省略号形式出现


注意,一定要指定容器的宽度,不然的话是没有用的。

注意word-break IE5+专有属性


语法:

word-break : normal | break-all | keep-all


参数:


normal :
依照亚洲语言和非亚洲语言的文本规则,允许在字内换行


break-all :
该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本

keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本


说明:

设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。

对于中文,应该使用break-all

上一篇:CSS中关于float和clear的问题
下一篇:教你如何下载网页中的CSS文件

Copyright©2016  xinycx.com  All Rights Reserved  北京信源创想科技有限公司  备案号:京ICP备17071760号-1   

京公网安备 11010802036302号


地址:北京市海淀区闵庄路门头馨村北二区33号楼3单元102室  电话:010-86203368  代理域名注册服务机构:北京新网数码信息技术有限公司

北京网站建设 北京网站制作 信源创想 品牌网站建设 企业网站建设 网站设计 APP开发 微信开发 前端切图 DIV+CSS html5切图 APP切图