濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > css 跨瀏覽器實(shí)現(xiàn)float:center

css 跨瀏覽器實(shí)現(xiàn)float:center
熱門標(biāo)簽：蘇州做電話機(jī)器人 地圖標(biāo)注微信好友 ai電話機(jī)器人效果差 地圖標(biāo)注樓盤 快速更改地圖標(biāo)注點(diǎn)標(biāo) 隨州外呼系統(tǒng)廠家 南昌電話機(jī)器人系統(tǒng) 沈陽(yáng)400電話辦理多少錢 南山電話機(jī)器人
復(fù)制代碼 代碼如下:

div id="macji">
ul class="macji-skin">
li>列表一/li>
li>列表二/li>
li>列表三/li>
/ul>
/div>

我們希望實(shí)現(xiàn)li是浮動(dòng)的，并且居中的（li個(gè)數(shù)不固定，ul寬度未知）?？梢栽O(shè)置ul的text-align:center,再設(shè)置li的display，可以實(shí)現(xiàn)居中，但這樣不是我們的初衷，我們需要實(shí)現(xiàn)float:center。

這里我們得先重溫一下position:relative，它將依據(jù)left，right，top，bottom等屬性在正常文檔流中偏移位置。那我們可以讓ul為position:relative;left:50%，然后再讓li像左浮動(dòng)，在讓它position:relative;right:50%（或者left:-50%），那么li就像向中間浮動(dòng)一樣居中了。廢話不多說(shuō)，先試試。
復(fù)制代碼 代碼如下:

#macji{
position:relative;
width:100%;
height:80px;
background-color:#eee;
text-align:center;
overflow:hidden;
}
#macji .macji-skin{
float:left;
position:relative;
left:50%;
}
#macji .macji-skin li{
position:relative;
right:50%;
float:left;
margin:10px;
padding:0 10px;
border:solid 1px #000;
line-height:60px;
}
您可能感興趣的文章:
  • javascript css styleFloat和cssFloat
  • javascript css float屬性的特殊寫法
  • CSS中Float（浮動(dòng)）相關(guān)技巧文章
  • javascript下操作css的float屬性的特殊寫法
  • css position: absolute、relative詳解
  • CSS定位中Positoin、absolute、Relative的一些研究
  • relative absolute無(wú)法沖破的等級(jí)問(wèn)題解決
  • Div CSS absolute與relative的區(qū)別小結(jié)
  • position:relative/absolute無(wú)法沖破的等級(jí)
  • 解決rs.absolutepage=-1的問(wèn)題
  • 詳細(xì)分析css float 屬性以及position:absolute 的區(qū)別

標(biāo)簽：石家莊 商洛 昭通 濰坊 濰坊 深圳 玉樹 大同

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《css 跨瀏覽器實(shí)現(xiàn)float:center》，本文關(guān)鍵詞  css,跨,瀏覽器,實(shí)現(xiàn),float,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《css 跨瀏覽器實(shí)現(xiàn)float:center》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于css 跨瀏覽器實(shí)現(xiàn)float:center的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    鄯善县| 岢岚县| 河南省| 土默特右旗| 城步| 乌拉特前旗| 汕尾市| 延庆县| 漳州市| 甘孜| 班玛县| 沙田区| 丰镇市| 义乌市| 汨罗市| 深州市| 靖西县| 阿鲁科尔沁旗| 黔西县| 府谷县| 达日县| 延津县| 华阴市| 宁乡县| 祁连县| 松溪县| 南澳县| 民乐县| 顺平县| 衢州市| 明星| 江北区| 五常市| 邳州市| 高清| 苍梧县| 大姚县| 泌阳县| 荥经县| 永安市| 文山县|