日本美女网站,婷婷五月天欧美欧美欧美欧美欧美,网站美女综合在线,日韩国产欧美手机视频在线免费更新

Web前端知識(shí)

首頁 > 免費(fèi) > Web前端知識(shí) >

讓橫向ul(塊級元素)在頁面中水平居中的方法

來源:北京匯仁智杰科技有限公司   時(shí)間:2015-12-22   點(diǎn)擊:

  如果一個(gè)ul下面有多個(gè)li,而且這些li要橫向排列,不知道每個(gè)li的寬度,同時(shí)也不知道ul的寬度,如果讓這個(gè)ul水平居中呢?

  目前知道了兩個(gè)方法:

  1、ul{text-align:centrer;}
  li{display:inline;}

  這種方法是把li轉(zhuǎn)換成行內(nèi)元素,然后父級元素居中顯示;

  2、用一個(gè)div把ul包起來,<div id="wrap"></div>
  #wrap{float:left;position:relative;left:50%;}
  ul{position:relative;left:-50%;}

  這種方法首先把父級元素浮動(dòng)起來,讓子元素的內(nèi)容撐開寬度,這樣父元素和子元素的寬度就是一致的;

  然后讓父元素的最左邊與body(假設(shè)body就是最外邊的元素)的中線對齊,同時(shí)相當(dāng)于ul的左邊也與body的中線對齊了;

  然后再把ul的左側(cè)向左移動(dòng)50%(wrap的寬度與ul的一致),即可居中!

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰

超碰caoporn免费| 涩爱Av91人人妻人人做| 欧美一区天堂| 啊啊啊啊啊啊草我| 草草网在线| 五月天综合亚洲天堂| 玖玖资源亚洲一区二区| 欧美图A√在线日| 欧美激情不卡1234| 人妻久久精品一区二区电影| 亚洲在线天堂精品一区天堂| 色呦呦在线视频免费观看| 婷婷五月在线观看精品福利精品| 日韩三级激情网站| av.天堂,com| 日本缓缓一区二区| 欧美中文专区| 日韩AV三级片一区二区三区| 夜夜夜夜视频免费看| 国产欧美一区二区网站| 天天射一区二区三区AV| 亚欧美无遮挡在线视频| 久久99国产综合精品| 亚洲九九色| 后入大屁股日本人妻| 日本一区二区精彩视频网站| 亚洲图片噜在线看| 国产乱伦乱人一区二区三区| 欧美三视频| Www无码欧美| 久久国产综合99| 日日韩极品视频4| 国产黄色A片一区| 另类图片欧美风激情综合| 综合区亚洲欧美| 欧美激情四摄在线观看激情五月偷怕| 少妇变态中出在线播放| 色顶级熟妇AV| 亚洲97区| 久久最新精品| 亚洲性图视|