前端是一个入门很快,但是后期前进很慢的一个行业,有很多人只是为了一个过渡就转行产品或者后端,我是一名前端攻城狮,我的意愿是一直走这前端这条路,现在还是一名初中级选手啦~前端需要了解的东西很多,基本就是html。div+css,和js等了,但是掌握这几个成为不了一名优秀的前端攻城狮,现在科技不断地发展自身也要不断地补充了解新的代码功能。

我现在已经过了初级的阶段,现在每天都在吸收了解新的知识,前端是要一个需要积累的职业。

今天分享的是一个我以前不怎么利用的代码,现在回想起来真的是走了很多弯路,合理的运用代码~真的会提高很多代码成本~现在的我不断地在打磨自己。

下面分享先看图QQ图片20150609142751

 

一个大的div里面的子块级元素我一直都是用浮动来实现在同一行;以前我也有了解display:inline-block标签,但是要掌握太多的标签所以忽略了这个行内块级标签,这个标签的用法的赋予a inline-block属性,但是在同一行的a标签不会换行!

可能表达不清楚copy专业解释

在CSS中,块级对象元素会单独占一行显示,多个block元素会各自新起一行,并且可以设置width,height属性;而内联对象元素前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满,对inline元素设置width,height属性无效。
我们有个时候既希望元素具有宽度高度特性,又具有同行特性,这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性,简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

 

 

 

 

 

 

 

 

 

 

 

 

 

 


   

发表评论

邮箱地址不会被公开。 必填项已用*标注