快讯| 电商| 物流| 科技| 创业| 运营| 科普| 财经| 文娱| AI| 物联| 品牌| 会议| 政策| 经商| 时尚| 健康| 家居| 金融| 农业| 汽车| 5G| 房产| 百科| 生活| 游戏
?
首页 ? 资讯 ? 电商 ? B2B ? 多种方法来实现网站导航水平居中

多种方法来实现网站导航水平居中

放大字体??缩小字体 时间:2021-08-13 21:14  ??来源:网址导航  热度:174
方法一:使用display:inline-block控制这个方法比较简单,是将容器转成display:inline。。。
方法一:使用display:inline-block控制

这个方法比较简单,是将容器转成display:inline-block行内块级元素,然后就可以直接用text-align:center使其达到水平居中效果。HTML代码中需要一个div来包围这个导航菜单。

方法二:使用position:relative解决

position:relative定位方法来让元素水平居中,一般来说小编推荐这方法,因为代码多了个div去包住,当然这些是根据情况来使用的。将定位div设为浮动,再定位left:50%,然后导航定位至left:-50%。

方法三:使用display:table解决

HTML代码实例

<ul class="navbar">

<li><a href="/">Home</a></li>

</ul>

CSS代码实例

.navbar {

display:table;

margin:0 auto;

}

.navbar li {

display:table-cell;

}

.navbar li + li {

padding-left:20px;

}

方法四:使用display:inline-flex解决

HTML代码实例操作

<div class="navbar">

<ul>

<li><a href="/">Home</a></li>

</ul>

</div>

CSS代码代码编写

.navbar {

text-align:center;

}

.navbar > ul {

display:-webkit-inline-box;

display:-moz-inline-box;

display:-ms-inline-flexbox;

display:-webkit-inline-flex;

display:inline-flex;

}

.navbar li + li {

margin-left:20px;

}

提示:浏览器兼容问题,目前这个代码不支持IE7及以下版本的IE浏览器。

其实这些方法很好的解决了网站导航菜单居中的问题,使用CSS编写有助于后期的修改,极大的方便了我们的操作和节省了宝贵的时间。在以后的内容中,小编还将会继续为朋友们分享更多更有价值的知识。  在厨房掀起短裙翘起屁股麻麻
关于多种方法来实现网站导航水平居中的要点介绍,希望对大家了解多种方法来实现网站导航水平居中有所帮助,如有侵权,联系我们37442552@qq.com。
?
你可能感兴趣:
?
玩快手如何快速涨粉,3个办法让你日均涨粉1000+

2021-09-02

1、利用算法让平台认识你的号比如说做的是一个英语号,快手平台在开号的第一天其实不

小白如何玩转快手?先从养号开始

2021-09-02

1、注册账号玩快手的第一步就是注册账号。注册账号建议用手机号码,一个身份证可以办

快手如何涨粉?四个方法让你轻松涨粉上万

2021-09-02

1、互粉互赞群互粉的方式对于很多想要涨粉的用户来说是个不错的方式,免费、见效快,

新手如何快速入门做快手?

2021-09-02

1、人设定位人设通俗点讲就是你在别人心目中的印象,比如说吃货,耿直,性情等。做之

快手常见敏感词汇总

2021-09-02

1、包含最相关词语比如说:最、最佳、最具、最爱、最赚、最优、最先进、最优秀、最好

快手拍什么容易火?快手容易火的视频有哪些?

2021-09-02

1、热点类热点是经久不缺的内容话题且爆发力很大的一类视频,创作者如果能找到独特的

快手新人直播技巧!注意收藏

2021-09-02

1、新手如何积累人气?1)有直播计划首先要有自己的直播计划,在不同的阶段规划好自己

快手视频没推荐,上不了热门,原来是这样

2021-09-02

1、账号权重太低大部分用户,一开始发视频的时候可能还会有一定的浏览量,但是在发了

快手新人如何开通直播?直播没人气怎么办?

2021-09-02

1、了解平台规则1)直播开通条件①实名认证②已满18岁③绑定手机号④注册时间7天⑤发

快手上热门的几大技巧!

2021-09-02

1、保证账号垂直度很多人玩快手,之所以不上热门,或者是涨粉太慢,都是因为作品没有

?
热点图文
外贸B2B发展趋势 解读外贸B2B平台的四大发展趋势

外贸B2B发展趋势 解读外贸B2B平台的四大发展趋势

酒仙网旗下酒仙团中国酒类电子商务b2b市场研讨会在昆明召开

酒仙网旗下酒仙团中国酒类电子商务b2b市场研讨会在昆明召开

我国首个测绘地理信息行业B2B2C电商服务平台——“仪之宝”正式上线

我国首个测绘地理信息行业B2B2C电商服务平台——“仪之宝”正式上线

B2B成跨境电商2.0时代发力点  跨境电商效果外贸增长红利将释放

B2B成跨境电商2.0时代发力点 跨境电商效果外贸增长红利将释放

生鲜农产品行业盛会 B2B蔬菜生鲜物流成热门话题

生鲜农产品行业盛会 B2B蔬菜生鲜物流成热门话题

B2B生鲜电商新锐鲜易网杀入沈阳 开拓新市场

B2B生鲜电商新锐鲜易网杀入沈阳 开拓新市场

B2B电商模式:传统行业电商的B2B模式思考

B2B电商模式:传统行业电商的B2B模式思考

?
经商宝 — 经商创业营销推广电子商务门户 网站地图 | 特惠服务 | 关于我们 | 人才招聘 | 联系我们 | 法律声明
?