我正在使用 Yahoo 用户界面库 Grids http://yuilibrary.com/yui/docs/cssgrids/来满足我的所有定位需求。设置需要半分钟,只要你熟悉小学分数,只需两分钟即可掌握。严重地。
基本上你想要实现的是这样的,记住你需要在最外面的容器上设置一个像素宽度,例如 ms-bodyareacell,如果你使用的是 vanilla v4.master。
<div class="yui3-g"> //the yui3-g is a grid container
<div class="yui3-1-4" id="doc1"> // yui3-1-4 fills 1/4 of the avaliable width
//document 1 goes here
</div>
<div class="yui3-1-4" id="doc2">
//document 2 goes here
</div>
<div class="yui3-1-4" id="doc3">
//document 3 goes here
</div>
<div class="yui3-1-4" id="doc4">
//document 4 goes here
</div>
</div>
这样,所有文档实例都可以具有相同的类名(yui3-1-4),如果超过 4 个,则会换行。
一般来说,YUI 网格在网页上的网格化和定位项目方面已经非常痛苦,尤其是对我来说 SharePoint。我已经在几个面向公众的网站以及许多内部和外部网络实现中使用了它。希望它对你有帮助。