雜記 CSS布局

2021-09-25 04:40:52 字數 535 閱讀 3251

1. 側邊欄的高度自適應,如圖:

右邊的其他方式登入的白色豎條div要根據下面的內容自適應高度。這個頁面總的布局是:

可能有多個按鈕

1.1 其中的body為了能水平居中,所以有以下屬性:

margin: 0 auto;

display:flex;

direction:row;  

為了讓子div能高度自適應,所以再新增屬性:

align-items: flex-start;

這個屬性是讓它的兩個div能頂端對齊。

1.2 其中的 class="其他方式登入" 為了讓子button水平居中,新增屬性:

display:inline-block;

text-align:center;

又為了能高度自適應,新增屬性:

height:auto;

1.3其中的button不需要做什麼特別的處理

布局管理雜記

1 2 3 4 5 6 m pvboxlayout setcontentsmargins 20,20,20,20 m pvboxlayout addwidget m topcaptionbutton 1 m pvboxlayout addwidget m pshadowdialog 2 m pvbo...

css雜記 css相容處理雜記 1

1 ios上輸入框 input 輸入區域 textarea 在框體內側頂部會有灰色陰影,去掉的方法 input textarea 2 chrome在輸入框 input 輸入區域 textarea 被聚焦 focus 時,會多出藍色 黃色邊框,去掉方法 input focus textarea foc...

css雜記 css相容處理雜記 2

1 ie上對於沒有內容的a標籤,使用display block會失效 解決辦法 給這個a設乙個背景色 然後透明度調成透明即可 2 css強制換行 word wrap break word 3 css一行太長,最後用省略號表示 display inline block text overflow el...