正方形,響應式布局

2022-08-09 20:36:14 字數 802 閱讀 8249

寫手在作畫的夜晚,留下路人驚嘆

在這裡感謝 我是一名好程式設計師

響應式布局中的正方形效果

使用padding-bottom; position: relative;

最外層的div

width: 50%;

height: 0;

float: right;

text-align: center;

background: rgba(231, 230, 230, 1);

padding-bottom: 50%;

position: relative;

子元素 width: 100%;

height: 100%;

display: block;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

子元素中的子元素就是背景圖的div

background: url('') no-repeat center center;

background-size: 100% 100%;

居中的圖示

圖示居中就好啦

正方形等分計數總正方形數

如下圖正方形,邊長是1cm,每邊被四等分,求一共分出了多少個正方形。經過手工數 邊長為1 4的正方形 16 邊長為1 2的正方形 9 邊長為3 4的正方形 4 邊長為1的正方形 1 所以一共是 30個正方形。當上述的正方形,邊長被3等分的情況又如何 還是手動數 邊長為1 3的正方形 9 邊長為2 3...

判斷正方形

隨機輸入四個點座標,判斷是否為正方形 編寫乙個程式,輸入為平面上的四個點a x1,y1 b x2,y2 c x3,y3 d x4,y4 編寫程式判斷這四個點能不能組成乙個正方形,可以只說思路,不用寫 include using namespace std int main 儲存點座標 int dis...

正方形個數

題目描述 給定n個點,求可以組成的正方形的個數。這些正方形可以傾斜 資料範圍 n 1000,點的座標 20000 輸入格式 1811.in 有多組測試資料。對於每一組資料 第1行為乙個整數n。表示點的個數 第2至n 1行,每行兩個數xi,yi,表示每個點的座標。當n 0時,輸入結束。輸出格式 181...