首頁 > web前端 > html教學 > div 块状居中显示_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:59:26
原創
1160 人瀏覽過

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


    
    


    

    <script></script>
    

        

            

                    

  •                     

                            旅游

                            待审订单(个)

                            待审团队(个)

                            产品预订

                    

  •                 

  •                     

                            签证

                            待审订单(个)

                            产品预订

                    

  •                 

  •                     

                            订房

                            待审订单(个)

                            产品预订

                    

  •                 

  •                     

                            门票

                            待审订单(个)

                            产品预订

                    

  •                 

  •                     

                            租车

                            待审订单(个)

                            产品预订

                    

  •                 

  •                     

                            公文

                            待阅公文(个)

                                                         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>
登入後複製
你不觉得这样好看些吗

      赞版主    楼上正解 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板