相容新舊瀏覽器的flex寫法

2022-04-16 01:55:06 字數 702 閱讀 3943

/* 定義 */

.flex-def

/* 主軸居中 */

.flex-zcenter

/* 主軸兩端對齊 */

.flex-zbetween

/* 主軸end對齊 */

.flex-zend

/* 主軸start對齊 */

.flex-zstart

/* 側軸居中 */

.flex-ccenter

/* 側軸start對齊 */

.flex-cstart

/* 側軸底部對齊 */

.flex-cend

/* 側軸文字基線對齊 */

.flex-cbaseline

/* 側軸上下對齊並鋪滿 */

.flex-cstretch

/* 主軸從上到下 */

.flex-ztopbottom

/* 主軸從下到上 */

.flex-zbottomtop

/* 主軸從左到右 */

.flex-zleftright

/* 主軸從右到左 */

.flex-zrightleft

/* 是否允許子元素伸縮 */

.flex-item

/* 子元素的顯示次序 */

.flex-order

瀏覽器相容的css寫法

1.ie6 ie7 ie8相容寫法 color ccc 只ie6支援 color ccc ie6 7支援 color ccc ie7支援 color ccc 0 0 ie8支援 color ccc 9 9 ie6 7 8支援 2.瀏覽器核心代表 ms transform rotate 7deg ms...

相容ie瀏覽器的寫法

使用者使用的瀏覽器五花八門,我們要保證每一種瀏覽器都能相容我們的 不能要求使用者去改變瀏覽器,那麼就得在我們的 上下功夫。此時我們要用到hack。hack就是針對不同的瀏覽器寫不同的html css樣式,從而使各種瀏覽器達到一致的渲染效果。下面我們就分別了解一下html的hack和css的hack。...

瀏覽器相容的text align寫法

要給id target 的div實現在ie,ff,chrome下的text align相容,需要注意一下幾點 1 包含target的容器元素樣式 text align moz center important 這個是火狐下的居中樣式,而ie下的樣式則是標準的 text align center 特別...