您的位置:首页 > 其它

从上班第二天了

2017-02-13 22:31 239 查看
到兴国上班第二天了,从第一天的胆战心惊到今天的渐渐适应,打退堂鼓的意愿也渐渐减少了,同事都是一群IT男,老大等人都很好,半问半写终于快要写完页面了。

主要问题:采用float之后不会居中,

例如:

<ul>
<li><a href="#nogo">首页</a></li>
<li><a href="#nogo">关于</a></li>
<li><a href="#nogo">产品</a></li>
<li><a href="#nogo">联系我们</a></li>
<li><a href="#nogo">留言</a></li>
</ul>

重要两点:

1,全局设置文字居中,(内联文字居中也是此方法),ul的display设置,li设置。记住采用此种方法ul和li都不能设置宽度,否则无法设置居中。

body{
text-align: center;
}

ul{
display: inline-block;
}
li{
float: left;

}


2,给元素a设置宽高。

a{
display: inline-block;
width: 100px;
height: 100px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  浮动居中