9月29變形 位移 translate

2021-07-23 06:57:49 字數 985 閱讀 2079

translate()函式可以將元素向指定的方向移動,類似於position中的relative。或以簡單的理解為,使用translate()函式,可以把元素從原來的位置移動,而不影響在x、y軸上的任何web元件。

translate我們分為三種情況:

1、translate(x,y)水平方向和垂直方向同時移動(也就是x軸和y軸同時移動)

2、translatex(x)僅水平方向移動(x軸移動)

3、translatey(y)僅垂直方向移動(y軸移動)

例項演示:通過translate()函式將元素向y軸下方移動50px,x軸右方移動100px。

html**:

css**:

width: 200px;

height: 200px;

border: 2px dotted red;

margin: 20px auto;

}演示結果

在css編輯器第9-11行輸入正確**,讓不知道寬度和高度的元素實現水平、垂直居中。

2023年9月29日總結

今天出去吃了自助,好滿足。今天晚上開始看題,主要看的是排列組合,組合數這一塊感覺和概率還是挺相似的,有很多共性的東西,需要注意的細節也就是有除法要用到逆元,快速冪處理就行。單純的排列組合還好,今天看到好幾道組合數和dp,圖論的結合,一想也不能每次都逃避,每次都只是去收藏,然後今天就看了,其實只要一步...

Web 9月29日隨筆

一.補充小知識點 css可以繼承的樣式有 font系列,colo,text系列,line height。二.white space 規定段落中的文字換不換行,nowrap不換行 word wrap屬性允許長的內容可以自動換行 屬性值是break word 三.寫三角形 寬高必須是0 div widt...

2023年9月29日星期四

專案已有的架構是源於微軟的經典企業應用範例 duwamish7,因此相信這樣的架構應該是適合我們目前的業務規模,但是為什麼在實際應用中專案還是出現了 重複,邏輯混亂,維護困難呢?我想很大的因素是對 duwamish 架構的思想沒有很好的理解,而只是在工程的形式上照搬了,加之開發的功能之間沒有進行統一...