居中 | 等待-放飞梦想

前端交互 |

[置顶] 未知宽度容器的居中解决方案

2011/02/17 10:27 星期四

浏览次数：×4,756

评论：×13

居中未知宽度浮动

如上图所示的分页，其结构如下：

<div class="pagenavi">
<ul>
<li><a href="" title="">1/18</a></li>
<li><a href="" title="">上一页</a></li>
<li class="current"><a href="" title="">1</a></li>
<li><a href="" title="">2</a></li>
<li><a href="" title="">3</a></li>
<li><a href="" title="">...</a></li>
<li><a href="" title="">18</a></li>
<li><a href="" title="">下一页</a></li>
</ul>
</div>

前端交互 |

DIV水平居中的方法小结

2008/08/21 8:48 星期四

浏览次数：×1,577

评论：×0

我想这个是我们经常遇到的一个问题，当然对很多人来说，这是个很简单，很容易解决的问，在这里我只是把这些常用的方总结下。
一、margin:auto 0 与 text-aligh:center
这个方法我想是大部分人在用的，也是最简单的。我们先设定marign: 0 auto，即上下边距为0，左右为自动，这样在IE7、Firefox、Opera等浏览器中就能实现居中了。
(更多…)