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

Web前端知識

首頁 > 免費 > Web前端知識 >

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

來源:北京匯仁智杰科技有限公司   時間:2015-12-22   點擊:

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

  目前知道了兩個方法:

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

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

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

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

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

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

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

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

匯仁智杰與眾不同

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

亚洲精品成人美女网站| 青青久在线| 欧美久久日韩国产| 99精品白浆| 日本三级精品高清视频| 欧美亚洲韩日精品综合一区二区| 日本中文字幕人妻在线| 日韩 中文字幕 无码 欧美 | 福利精品一区国产| 亚洲麻豆4P| 欧美性综合图区| 五夜黄色中文| 欧美亚洲日本一区二区三区四区| 国产三级精品欧美在线观看 | 色天使AV美国发布站久久综合| 色婷婷综合在线一本| 亚洲皮裤AV在线观看| 三区二区 日韩欧美| 一区二区不卡在线播放网站| 日韩国产色欲在线| 亚洲日本精品久久天堂| 亚洲操p色图| 欧美图区日韩在线视频| 中文欧洲不卡| 亚日韩精品线| 日韩精品一线二线三线| 看黄色水果网站在线观看| 亚洲激情六区| 91人妻网| 熟妇良家精品在线视频| 国产2020AV在线| 伊人大香蕉偷拍| 我想看国产黄色美女| 日本少妇肏屄| 天天干天天肏天天爽天天日天天操| 中文字幕二男一女| 自拍偷拍亚洲视频欧美视频日韩| 一区二区啪| 人妻在线第一页第一页 | 日B视屏免费观看一区| 欧美日韩成人无码高清|