HTML CSS2 1盒子元素垂直水平居中

2021-10-05 16:38:24 字數 537 閱讀 3325

1.已知子元素的高度和寬度

設定子元素為絕對定位,left為50%,top為50%

為父元素開啟定位,是父元素為子元素的包含塊,開啟後子元素的left和top就參照于父元素的width和height(否則子元素的left和top就參照於包含塊html的width和height移動)

margin-top為-50px,margin-left為-50px

2. 已知子元素的高度和寬度

* 絕對定位盒模型;

* 子元素的left+width+margin+padding+right=父元素的content的width

* 0 100 auto 0 0 300

* 子元素的top+height+margin+padding+bottom=父元素的content的height

* 0 100 auto 0 0 300

具體做法:

#inner

習題3 10 盒子

這道題目簡單的判斷很容易對特殊情況的忽略,這裡自己想了一下與其他人不一樣的角度來做的,若是被來客看到的話,還望指點指點 給定6個矩形的長和寬wi和hi 1 wi,hi 1000,都為整數 判斷它們能否構成長方體的6個面。若能構成,就輸出possible,不能,輸出impossible。樣例輸入 13...

CSS學習 2 盒子

css2.1還包含outline屬性。與border屬性不同,輪廓繪製在元素框之上,所以它們不影響元素的大小或定位。因此輪廓有助於修復bug,因為它們不影響頁面的布局。大多數現代瀏覽器 包括ie8 支援輪廓,但是ie7和更低版本不支援輪廓。內邊距 邊框和外邊距都是可選的,預設值為零。但是,許多元素將...

NYOJ 562 盒子遊戲

時間限制 1000 ms 記憶體限制 65535 kb 難度 3 描述 有兩個相同的盒子,其中乙個裝了 n 個球,另乙個裝了乙個球。alice 和 bob 發明了乙個遊戲,規則如下 alice 和 bob 輪流操作,alice 先操作。每次操作時,遊戲者先看看哪個盒子裡的球的數目比較少,然後清空這個...