基礎知識常備1 盒子垂直水平居中問題

2021-09-25 18:26:35 字數 656 閱讀 4323

html:公用部分

class

="f"

>

class

="s"

>

div>

div>

.f.s

此種方法你要掌握,定位的相關特性哦,這裡主要用到了絕對定位以及相對定位,設定上下左右屬性為0,margin屬性為auto 便可實現居中效果

.f

.s

此種方法也是主要用到「子絕父相」的特性,區別於第一種「子」的巧妙利用負自身寬高的一半進行居中

針對於上面的第二種的方法,有的小夥伴就會想,還要算自身的高度,很麻煩,我我只能算10以內的加減法,沒關係我們可以利用位移來解決此計算問題,快來試試吧!

.f

.s

.f

.s

此種方法也是比較方便的一種,巧妙利用彈性盒子, justify-content: center;主軸上居中顯現,align-items: center;側軸上居中顯示,這樣就能形成乙個垂直水平居中的效果。

HTML基礎知識(三)盒子陰影 文字陰影 透明

float有4個值 left 元素向左浮動。right 元素向右浮動。none 預設值。inherit 從父元素繼承float屬性。浮動後的div寬度會變成0,但是其內邊框可能撐起它的寬和高。以上的 就是去掉所有標籤的內邊距padding和外邊距margin divulbox shadow x y ...

基礎知識1

puts hello world if false class person count 0 def initialize name age 18 name name age age motherland china enddef talk print name name n puts age ag...

基礎知識1

1 static 在c c 中的作用 對變數 a 靜態區域,初始化為0 b 在程式剛開始執行時就完成出初始化,也是唯一一次初始化。控制變數的可見範圍。保持變數內容持久。對變數 函式 主要 這是與全域性變數的差別,隱藏 不同檔案中,使用相同函式名,不會發生衝突 例如,a檔案中函式名加了static,則...