Justify:一款实现inline-block元素两端对齐布局的javascript插件(a javascript plug-in implementation inline-block elements full-justified layout)

时间:2024-05-18 06:08:33
【文件属性】:

文件名称:Justify:一款实现inline-block元素两端对齐布局的javascript插件(a javascript plug-in implementation inline-block elements full-justified layout)

文件大小:10KB

文件格式:ZIP

更新时间:2024-05-18 06:08:33

JavaScript

Justify Justify 是一个实现元素两端自适应对齐、均分宽度布局的javascript控件。控件对最后一行对齐做了处理,使最后一行的元素能居左依次与上一行的元素垂直对齐,并支持去除部分DOCTYPE下最后一行产生的空隙。控件为移动web编写,支持移动设备旋转事件。暂不支持桌面IE浏览器低版本。效果图如下: # 元素均分宽度、两端自适应对齐的布局在移动web项目中的需求还是挺多的,使用inline-block元素,配合text-align:justify,再注意处理好一些细节问题,便可以在现代浏览器上实现两端对齐,但是最后一行的处理却是个难题。很多时候我们希望最后一行元素不是两端对齐,而是居左排列,并且依次与上一行的元素垂直对齐。CSS3中有一个属性叫text-align-last,可以用来设置最后一行的对齐方式,遗憾的是它的备选值中并没有上面提到的这种方式,另一方面这个属性大部分


【文件预览】:
Justify-master
----gruntfile.js(1KB)
----package.json(307B)
----LICENSE(1KB)
----dist()
--------justify.css(363B)
--------justify.js(4KB)
--------justify.min.js(2KB)
----src()
--------justify.css(363B)
--------justify.js(4KB)
----.gitignore(13B)
----demo()
--------demo.html(944B)
----README.md(4KB)

网友评论