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 架構的思想沒有很好的理解,而只是在工程的形式上照搬了,加之開發的功能之間沒有進行統一...