個性原創,打造品牌

拒絕模仿抄襲、拒絕模板建站;
多位資深網頁設計師同時設計,讓您優中選優;
網站獨一無二,品牌輕易提升...

了解詳情 >

代碼規范,國際標準

后臺php+mysql動態管理,功能強大,千萬級數據;
前臺div+css生成靜態,代碼精簡,訪問速度快,
符合w3c國際標準,兼容ie/火狐/蘋果等任意瀏覽器...

了解詳情 >

細微高效,全程無憂

域名一個,主機一臺;
主機BGP多線路,5G存儲空間,流量不限;
新聞錄入、圖片處理、數據備份、安全監測、網站升級...

了解詳情 >

移動時代,機不可失

全新視覺、創新操作;
跨平臺兼容,微信無縫對接;
不容錯過的手機網絡商機,不能錯過的手機網站時代...

了解詳情 >

搜索領先,鎖定訪客

在主流搜索引擎的搜索結果中,
網站的名稱,排在第一頁的第一名,
網站其他相關的3-5個關鍵詞,排在第一頁...

了解詳情 >

營銷利器,決勝千里

全國統一呼叫,品牌企業的象標志。
中國電信4008/4009、中國聯通4000/4006,號碼任選;
通話資費預存...

了解詳情 >
以“信”為主的服務理念,“源”為標桿的服務特點351532641點擊咨詢010-86203368聯系電話
CSS問題設計問題程序問題優化問題

CSS強制中英文換行與不換行

發布時間:2012-10-19      瀏覽次數:1102

.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號
地址:北京市海淀區閔莊路門頭馨村北二區33號樓3單元102室  電話:010-86203368  

北京網站建設 北京網站制作 信源創想 品牌網站建設 企業網站建設 網站設計 APP開發 微信開發 前端切圖 DIV+CSS html5切圖 APP切圖

海南七星彩玩法