<commit_before># Justify #
 
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/franslee/Justify/LICENSE)

Justify 是一个实现inline-block元素两端对齐布局的javascript插件。插件对最后一行对齐做了处理，使最后一行的元素能居左依次与上一行的元素垂直对齐，并支持去除部分DOCTYPE下产生的空隙。插件为移动web编写，支持移动设备旋转事件。不支持桌面IE低版本浏览器。

## DEMO ##
请用手机扫描以下二维码,以访问DEMO页面。
#![github](http://franslee.github.io/Justify/qr_code.png "Justify.js DEMO") 

## 用法 ##

HTML结构

```html
<ul class="justify-list" id="test">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
```

在页面中引入组件所需样式表文件justify.css

```html
<link rel="stylesheet" href="../dist/justify.css">
```

引入justify.min.js或justify.js文件

```html
<script src='../dist/justify.js'></script>
```

在确保页面**DOM加载完毕**之后，初始化组件, 比如写在DOMContentLoaded事件处理函数中：

```js
 window.addEventListener("DOMContentLoaded",function(){
 	//取得ul标签对应的DOM对象
	var oUl = document.getElementById('test');
	//应用Justify,将ul标签对应的DOM对象传入
	Justify.apply(oUl);
 },false);
```

如果页面已经引入了jquery或zepto等类库，也可以写在$(document).ready()中：

```js
$(function() {
	//取得ul标签对应的DOM对象
	var oUl = document.getElementById('test');
	//应用Justify,将ul标签对应的DOM对象传入
	Justify.apply(oUl);
});
```

当然您还可以直接在页面底部初始化组件。


## 设置 options ##

初始化Justify组件时，支持传入两个参数，第一个参数是ul的DOM对象，必传。第二个参数是一个对象，可以通过它对组件的一些功能进行配置。

```js
Justify.apply(ul,options);
```

* 参数ul是将要应用本组件的ul标签对应的DOM对象，必传
* 参数options也可以是一个json对象，可选，通过它对组件的一些功能进行配置, 允许的keys见下表

<table>
	<tr>
		<th>key</th>
		<th>类型</th>
		<th>默认值</th>
		<th>描述</th>
	</tr>
	<tr>
		<td>removeBtmGap</td>
		<td>boolean</td>
		<td>false</td>
		<td>在html5的doctype下，ul列表的底部会产生空隙，本选项用以设置是否移除这些空隙，默认不启用。本组件是通过将ul的font-size值置为0来实现清除这些空隙的。如果ul中的li元素的font-size是从该ul集成来的，那么ul原来的font-size值会通过js直接设置到该li的style属性里。由于内联样式优先级比较高，有可能给之后的开发带来不便，建议小伙伴们直接在css中处理这个问题。</td>
	</tr>
</table>

```js
var oUl = document.getElementById('test');
Justify.apply(oUl,{removeBtmGap:true});
```<commit_msg>Modified the README.md<commit_after># Justify #
 
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/franslee/Justify/LICENSE)

Justify 是一个实现inline-block元素两端对齐布局的javascript插件。插件对最后一行对齐做了处理，使最后一行的元素能居左依次与上一行的元素垂直对齐，并支持去除部分DOCTYPE下产生的空隙。插件为移动web编写，支持移动设备旋转事件。不支持桌面IE低版本浏览器。

## DEMO ##
请用手机扫描以下二维码,以访问DEMO页面。
#![github](http://franslee.github.io/Justify/qr_code.png "Justify.js DEMO") 

## 用法 ##

HTML结构，本组件目前只支持对无序列表ul应用：

```html
<ul class="justify-list" id="test">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
```

在页面中引入组件所需样式表文件justify.css

```html
<link rel="stylesheet" href="../dist/justify.css">
```

引入justify.min.js或justify.js文件

```html
<script src='../dist/justify.js'></script>
```

在确保页面**DOM加载完毕**之后，初始化组件, 比如写在DOMContentLoaded事件处理函数中：

```js
 window.addEventListener("DOMContentLoaded",function(){
 	//取得ul标签对应的DOM对象
	var oUl = document.getElementById('test');
	//应用Justify,将ul标签对应的DOM对象传入
	Justify.apply(oUl);
 },false);
```

如果页面已经引入了jquery或zepto等类库，也可以写在$(document).ready()中：

```js
$(function() {
	//取得ul标签对应的DOM对象
	var oUl = document.getElementById('test');
	//应用Justify,将ul标签对应的DOM对象传入
	Justify.apply(oUl);
});
```

当然您还可以直接在页面底部初始化组件。


## 设置 options ##

初始化Justify组件时，支持传入两个参数，第一个参数是ul的DOM对象，必传。第二个参数是一个对象，可以通过它对组件的一些功能进行配置。

```js
Justify.apply(ul,options);
```

* 参数ul是将要应用本组件的ul标签对应的DOM对象，必传
* 参数options也可以是一个json对象，可选，通过它对组件的一些功能进行配置, 允许的keys见下表

<table>
	<tr>
		<th>key</th>
		<th>类型</th>
		<th>默认值</th>
		<th>描述</th>
	</tr>
	<tr>
		<td>removeBtmGap</td>
		<td>boolean</td>
		<td>false</td>
		<td>在html5的doctype下，ul列表的底部会产生空隙，本选项用以设置是否移除这些空隙，默认不启用。本组件是通过将ul的font-size值置为0来清除这些空隙的。如果ul中的li元素的font-size值是从该ul继承来的，那么ul原来的font-size值会通过js直接设置到该li元素的style属性里。由于内联样式优先级比较高，有可能给之后的开发带来不便，建议小伙伴们直接在css中处理这个问题。</td>
	</tr>
</table>

```js
var oUl = document.getElementById('test');
Justify.apply(oUl,{removeBtmGap:true});
```
{'fraction_non_alphanumeric': 0.19776024433698142, 'fraction_numerical': 0.0010180707559175363, 'mean_word_length': 6.5, 'pattern_counts': {'":': 0, '<': 109, '<?xml version=': 0, '>': 109, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '275802', 'n_tokens_mistral': 2385, 'n_tokens_neox': 2472, 'n_words': 176}