一些特殊的樣式記錄

2021-09-04 11:25:32 字數 809 閱讀 5033

1. chrome顯示小於12px的字型大小

現在chorme只能顯示12px及以上的字型大小,如果想要顯示12px一下的字型大小,就需要用到css的transform屬性。

// js檔案

test

// css檔案

.test

這樣新的字型大小就是 10px;

但是這樣會導致p元素整體縮小,影響p的寬度,如果原理p的寬度是 width:100%,那設定了 transform 知乎,寬度會變成 100%*0.625 = 62.5%;這個需要注意一下。另外,transform 只能影響塊狀元素,所以,如果是打算為行內元素設定 transform ,需要先設定 display:inline-block。

2. 邏輯屬性

中文

阿拉伯語

可以設定如下的邏輯屬性

物理值,是相對頁面的。包括 left right top bottom。

邏輯值(下文也稱「流相對值」),是相對內容流的。包括:

start end

inline-start inline-end inline

block-start block-end block

3. css實現三角形

.box

記錄一些特殊字元

名稱 unicode編碼 描述全形空格 u輸出為整數 12288 trim時不會過濾 lf 換行 line feed n u輸出為整數 10 cr 回車 carriage return r u輸出為整數 13 蘋果系統下換行符是 r,其content.trimmingcharacters in ch...

一些特殊的集合

1.stack集合 棧 stack,先進後出,乙個乙個賦值,乙個乙個取值,按順序。屬性和方法 count 取集合內元素的個數 push 將元素乙個乙個推入集合中 pop 將元素乙個乙個彈出集合 clear 清空集合 2.queue 佇列集合 先進先出,乙個乙個的賦值,乙個乙個的取值,按照順序。屬性和...

常用的一些樣式

一 文字溢位打點 超出省略號 1 單行溢位打點 2 單行溢位打點,以2行為例 規定顯示2行並且超出部分顯示.多行文字溢位打點 text overflow ellipsis line clamp 2 webkit line clamp 2 display webkit box 設定盒子為伸縮盒 ove...