css雜記 css相容處理雜記 2

2022-08-27 04:45:09 字數 371 閱讀 3218

1、ie上對於沒有內容的a標籤,使用display:block會失效

解決辦法:給這個a設乙個背景色、然後透明度調成透明即可

2、css強制換行

word-wrap:break-word;

3、css一行太長,最後用省略號表示

display: inline-block;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

4、針對使用display:none會產生問題的flash,下面的是替代解決方法:

.element-invisible

css雜記 css相容處理雜記 1

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

雜記 CSS布局

1.側邊欄的高度自適應,如圖 右邊的其他方式登入的白色豎條div要根據下面的內容自適應高度。這個頁面總的布局是 可能有多個按鈕 1.1 其中的body為了能水平居中,所以有以下屬性 margin 0 auto display flex direction row 為了讓子div能高度自適應,所以再新...

CSS樣式適配雜記

解答 給input框增加vertical align bottom 2.問 ie下display inline block不起作用。答 display inline block後面增加 display inline zoom 1 具體參見 該文對inline block有詳細分析。3.問 如何取消i...