div 块状居中显示_html/css_WEB-ITnose-html tutorial-php.cn

div 块状居中显示_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 11:59:26

asal

1135 orang telah melayarinya

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                        旅游

                         待审订单（个）

                        待审团队（个）

                        产品预订

                        签证

                         待审订单（个）

                        产品预订

                        订房

                         待审订单（个）

                        产品预订

                        门票

                         待审订单（个）

                        产品预订

                        租车

                         待审订单（个）

                        产品预订

                        公文

                         待阅公文（个）

                                                     target="_self">发布公文

                        留言

                         待复留言（个）

                        发布留言

                        财务

                         待审财务（个）

                                                     target="_self">新增报账

代码如上，我要的功能八个小块居中显示初始每行4个窗口缩小变大当中的小块也要居中小块大小固定180*180 css调试了很久愣是没调出来。。。。

回复讨论(解决方案)

木有人啊？？？？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <style type="text/css">        #divbg        {            width: 98%;            margin-left: auto;            margin-right: auto;        }        #divbg li        {            float: left;            background: rgb(231,231,231);            width: 180px;            height: 180px;            font-size: 20px;            list-style-type: none;            cursor: hand;            line-height: 40px;            text-align: center;            cursor: pointer;            margin-bottom: 2%;            margin-top: 4%;            margin-left: 5.5%;            margin-right: 5.5%;        }        #box        {            margin:0 0 0 0;            position: absolute;        }    </style></head><body>    <form id="form1" runat="server">    <script src="libraryjs/mainnews.js" type="text/javascript"></script>    <div id="box">        <div id="P_1" style="overflow: hidden;">            <ul id="divbg">                <li>                    <div>                        <a class="a">旅游</a><br />                        <a href="OrderZX.aspx">待审订单（<font color="red"><%= lvyou%></font>个）</a><br />                        <a href="TeamList.aspx">待审团队（<font color="red"><%= tuandui%></font>个）</a><br />                        <a href="LineSearch.aspx">产品预订</a></div>                </li>                <li>                    <div>                        <a>签证</a><br />                        <a href="QianZhenOrder.aspx?TY=sd">待审订单（<font color="red"><%= qianzheng%></font>个）</a><br />                        <a href="QZOrderList.aspx">产品预订</a></div>                </li>                <li>                    <div>                        <a>订房</a><br />                        <a href="#">待审订单（<font color="red"><%= dingfan%></font>个）</a><br />                        <a href="#">产品预订</a></div>                </li>                <li>                    <div>                        <a>门票</a><br />                        <a href="SpotOrder.aspx?TY=sd">待审订单（<font color="red"><%= menpiao%></font>个）</a><br />                        <a href="SpotCPList.aspx">产品预订</a></div>                </li>                <li>                    <div>                        <a>租车</a><br />                        <a href="CarOrder.aspx?TY=sd">待审订单（<font color="red"><%= zuche%></font>个）</a><br />                        <a href="CarSearch.aspx">产品预订</a></div>                </li>                <li>                    <div>                        <a>公文</a><br />                        <a href="GongWenManger.aspx?TY=gg&tabs=sysb">待阅公文（<font color="red"><%= gongwen%></font>个）</a><br />                        <span id="spanadd" style="display: none"><a  href="javascript:void(0)"                            target="_self">发布公文</a></span>                    </div>                </li>                <li>                    <div>                        <a>留言</a><br />                        <a href="GongWenManger.aspx?TY=gg&tabs=sdly">待复留言（<font color="red"><%= liuyan%></font>个）</a><br />                        <a  href="javascript:void(0)" target="_self">发布留言</a></div>                </li>                <li>                    <div>                        <a>财务</a><br />                        <a href="CWCDayList.aspx">待审财务（<font color="red"><%= caiwu%></font>个）</a><br />                        <span id="sw" style="display: none"><a href="javascript:void(0)"                            target="_self">新增报账</a></span></div>                </li>            </ul>        </div>    </div>    </form></body></html>

Salin selepas log masuk

你不觉得这样好看些吗

赞版主楼上正解