CSS text常見樣式

2021-09-28 14:35:37 字數 1300 閱讀 4140

text-overflow: ellipsis;

第一種:只對display:inline;起作用

第二種:display:block/inline-block; +width:100px;

1.單行文字溢位

white-space: nowrap ; //文字不換行

overflow: hidden; //超出後文字隱藏

text-overflow: eclipse; //文字隱藏後新增省略號

2.多行文字溢位

display: -webkit-box !important;   //將物件作為彈性伸縮盒子模型顯示

-webkit-line-clamp: 3; //用來限制在乙個塊元素顯示的文字的行數

-webkit-box-orient: vertical; //設定或檢索伸縮盒物件的子元素的排列方式

overflow: hidden; //超出後文字隱藏

text-overflow: eclipse; //文字隱藏後新增省略號

文字修飾——text-decoration

h1      //上劃線

h2 //刪除線

h3 //下劃線

文字轉換——text-transform

p.uppercase    //大寫

p.lowercase // 小寫

p.capitalize // 首字母大寫

文字縮排——text-indent

p    //縮排
文字字元間距——word-spacing

p    //字元間距

p //英文本母間距

文字空白——white-space

p    //不換行

word-break: break-all; //斷 字

cssText設定css樣式

2012 08 21 10 40 22 標籤 如果網頁中乙個 id為 no 的標籤,暫且當div標籤來tell 想要在js中設定這個div的css樣式,很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj....

cssText實現js新增樣式

首先說說html新增樣式的方式有哪些?1 行內寫樣式,在標籤中通過style寫樣式,如 2 寫內部樣式表,也就是在head標籤中加入標籤,將樣式寫在這裡邊,如 3 外部引入樣式,這也是最常用的一種,通過 4 通過js修改樣式,node.style.width 300px 以上都是常見的也是常用到的一...

js中用cssText設定css樣式

如果網頁中乙個 id為 no 的標籤,暫且當div標籤來tell 想要在js中設定這個div的css樣式,很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj.style.height 300px 如果要設...