瀏覽器相容的text align寫法

2021-08-31 15:01:57 字數 417 閱讀 8374

要給id="target"的div實現在ie,ff,chrome下的text-align相容,需要注意一下幾點:

1、包含target的容器元素樣式:text-align: -moz-center !important; 這個是火狐下的居中樣式,而ie下的樣式則是標準的:text-align:center;

特別注意的是,這兩個樣式的前後順序不能調換,否則的話ie的居中樣式則丟失,變成左對齊。

2、要在chrome下看到target居中,還要做的乙個工作就是給target本身新增乙個樣式:margin:0 auto,就是左右的margin使用auto;這個是chrome最特殊的地方

(還有得網友說,必須給target本身新增widht屬性,但是我測試了,不加也沒關係)

內容居中

瀏覽器相容

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容

1 css bug css樣式在各瀏覽器中解析不一致的情況,或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中,hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對 css 的非官方的修改,或非官方的。有些人更喜歡使用 ...

瀏覽器相容

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...