制作网页列表的分页必不可少，显示的列表条数也不一样，让我们一起来看看如何让分页标签根据给定的分页自动居中呢。对
- 标签设置样式为：{ display: table margin:40px auto;}对
- 标签设置样式为：li {display: table-cell; }这样就可以让分页自动居中了
方法/步骤
1
新建html编码页面。如图：
3标签后面新建<style>标签，用于存放分页的样式。代码：<style type="text/css"></style>如图：</p></div><div class="listcon"><span>4</span><p>在<style>标签里设置分页标签的样式。所有样式代码：ul{ display: table; margin:40px auto; } li{ display: table-cell; } ul li a{ text-decoration: none; padding: 5px 8px; background-color: #ddd; color: #000; margin-right: 1px; } ul li a:hover{ background-color: #ffcc00; color: #fff; }如图：</p></div><div class="listcon"><span>5</span><p>保存html文件后使用浏览器打开即可看到居中效果。如图：</p></div><div class="listcon"><span>6</span><p>只需要把所有代码复制新建的html文件上，保存后使用浏览器打开即可看到效果。所有代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>分页自适应居中
在