跨瀏覽器實現float center

2022-09-25 22:00:12 字數 565 閱讀 5058

原文:htt

我們都知道float:left和float:right,但是否想過float:center呢?居中浮動。。。

《程式設計客棧;ul class="macji-skin">

程式設計客棧;

我們希望實現li是浮動的,並且居中的(li個數不固定,ul寬wmyyn度未知)。可以設定ul的text-align:center,再設定li的display,可以實現居中,但這樣不是我們的初衷,我們需要實現float:center。

這裡我們得先重溫一下position:relative,它將依據left,right,top,bottom等屬性在正常文件流中偏移位置。那我們可以讓ul為position:relative;left:50%,然後再讓li像左浮動,在讓它position:relative;right:50%(或者left:-50%),那麼li就像向中間浮動一樣居中了。廢話不多說,先試試。

#macji

#macji .macji-skin

#macji .mac li

擴充套件閱讀:

本文標題: 跨瀏覽器實現float:center

本文位址:

谷歌瀏覽器實現跨域

大家在做http請求的時候可能會遇到跨域問題,這裡為大家提供解決方案,親自實驗有效。一般是報上述錯誤。首先在c盤新建乙個資料夾,命名按照下面的來。開啟谷歌瀏覽器的設定 在 目標 的exe後面新增下面這段內容,不要忘記打空格。並且下面這段內容不要放在包含 exe 的雙引號裡面,放在外面 disable...

瀏覽器跨域

前端部分,簡單的封裝乙個promise版的ajax let myajax function headers else xhr.open method,path for let key,value of object.entries headers xhr.send body myajax heade...

瀏覽器跨域

同源策略 同源策略是乙個重要的安全策略,它用於限制乙個origin的文件或者它載入的指令碼如何能與另乙個源的資源進行互動。它能幫助阻隔惡意文件,減少可能被攻擊的媒介。協議 網域名稱 埠號 http伺服器,預設的埠號為80 tcp 木馬executor開放此埠 https securely trans...