::MiniCompressor css&js文件合并压缩工具
::简介:基于Yuicompressor,自定义文件列表,按列表顺序合并成一个文件,并对其压缩.
::作者: 刘威 Email: putaoshu@126.com 更新时间: 2011-12-09

:::::::::::::::::::::::初始化:::::::::::::::::::::::
::[设置项]文件列表(路径可任意指定如:C:\Users\pc\Desktop\c.js)
set filesList= test2.js + test1.js

::[设置项]压缩文件类型js|css
set fileType=js

::[设置项]合并后的文件名称
set combineFileName=core

::[设置项]yuicompressor包路径
set yuicompressorPath=D:\workspace\yuicompressor\yuicompressor-2.4.7.jar

:::::::::::::::::::::::DOS合并文件:::::::::::::::::::::::
copy /b /y %filesList% %combineFileName%.%fileType%

:::::::::::::::::::::::yuicompressor命令 -v 调试模式:::::::::::::::::::::::
java -jar %yuicompressorPath% --type %fileType% --charset utf-8 %combineFileName%.%fileType% -o %combineFileName%-min.%fileType%

:::::::::::::::::::::::其它:::::::::::::::::::::::
::文件列表 for /f %%i in (dir.txt) do type %%i >> %combineFileName%

:::::::::::::::::::::::注意:::::::::::::::::::::::
::需要安装JDK >= 1.4,并设置环境变量JAVA_HOME路径如C:\Program Files\Java\jdk1.5.0_15
::yuicompressor命令行参考http://developer.yahoo.com/yui/compressor/#using
::yuicompressor下载地址http://yuilibrary.com/download/yuicompressor/

HTML:
<ul>
    <li>li1</li>
    <li>li2</li>
    <li>li3</li>
    <li>li4</li>
    <li>li5</li>
    <li>li6</li>
</ul>

CSS:
ul{width:130px;}
ul li{float:left;width:30px;margin-right:10px;}

HTML
<ul class="line">
        <li class="unit size1of3">li1</li>
        <li class="unit size1of3">li2</li>
        <li class="unit size1of3">li3 no lastUnit</li>
    </ul>
CSS
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"";} /*clearfix*/
.line{*zoom:1;}
.unit{float:left;}
.size1of3{width:33.33333%;}
.lastUnit{
display:table-cell;float:none;width:auto;
*display:block;*zoom:1;
_position:relative;_left:-3px;_margin-right:-3px;/*for ie6*/
}

HTML
<ul class="yui3-g">
        <li class="yui3-u-1-3">li1</li>
        <li class="yui3-u-1-3">li2</li>
        <li class="yui3-u-1-3">li3</li>
    </ul>
CSS
.yui3-g {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.yui3-u-1-3
{
    display:inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing:normal;word-spacing:normal;vertical-align:top;
}

左侧部分position:absolute;top:0px;left:0px;width:150px;
主体的内容部分margin:0 200px 0 150px;
右侧部分position:absolute;top:0px;right:0px;width:200px

左侧部分float:left;width:100px;
主体的内容部分display:table-cell;
右侧部分float:right;width:100px;