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...