你的位置:首页 > 软件开发 > 网页设计 > css学习笔记二之inline

css学习笔记二之inline

发布时间:2016-03-17 15:00:09
1、inline-block是CSS2.1中新增的盒类型,在div中将display属性设定为"inline-block",则div显示效果与设置display属性为"inline"是一样的效果。inline-block具有inline属性 ...

1、inline-block是CSS2.1中新增的盒类型,在div中将display属性设定为"inline-block",则div显示效果与设置display属性为"inline"是一样的效果。

inline-block具有inline属性的列属性,内部又具有block属性的块属性,可以使用width,height,margin,padding,border等元素。

2、使用inline-block可以在某些情况下替代float浮动元素,PS:要做一个横向导航条

在inline-block出现之前,一般都是使用以下代码,来完成上述功能:

<div class="nav">  <ul>    <li><a href="">AngularJS</a></li>    <li><a href="">AngularJS</a></li>    <li><a href="">AngularJS</a></li>    <li><a href="">AngularJS</a></li>    <li><a href="">AngularJS</a></li>    <li><a href="">AngularJS</a></li>  </ul></div>li {  float: left;  list-style: none;  width: 100px;  padding: 10px 0;}

原标题:css学习笔记二之inline

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。