不编程让元素自动对齐

由于webvanta script还没有mod这个操作,由于是要3列,又不能用table,在排列menu item的时候对齐显得比较麻烦,之前由于是12个categories,所以直接hard code了,现在增加到22个,不行了~ 直接用div的话不能对齐。

最后看到一个方法用li来生成三列,当然也可以用div来做,方法:

css里

.menu-item li {
  1. width: 32%;
  2. float: left; }

当然如果用div也可以,关键是利用width百分比,然后float。

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s