目錄
回复讨论(解决方案)
首頁 web前端 html教學 div 块状居中显示_html/css_WEB-ITnose

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

Jun 24, 2016 am 11:59 AM
div 居中 顯示

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

      赞版主    楼上正解 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

刪除 Windows 11 搜尋中的新聞和趨勢內容的方法 刪除 Windows 11 搜尋中的新聞和趨勢內容的方法 Oct 16, 2023 pm 08:13 PM

當您按一下Windows11中的搜尋欄位時,搜尋介面會自動展開。它在左側顯示最近程式的列表,在右側顯示Web內容。 Microsoft在那裡顯示新聞和趨勢內容。今天的支票宣傳了必應新的DALL-E3圖像生成功能、「與必應聊天龍」的提議、有關龍的更多資訊、來自網路部分的熱門新聞、遊戲建議和趨勢搜尋部分。整個項目清單與您在電腦上的活動無關。雖然一些用戶可能會喜歡查看新聞的能力,但所有這些都可以在其他地方大量獲得。其他人可能會直接或間接將其歸類為促銷甚至廣告。 Microsoft使用介面來推廣自己的內容,

iOS 17 的待機模式將正在充電的 iPhone 變成家庭集線器 iOS 17 的待機模式將正在充電的 iPhone 變成家庭集線器 Jun 06, 2023 am 08:20 AM

iOS17中的Apple正在引入待機模式,這是一種新的顯示體驗,專為水平方向的充電iPhone而設計。處於這個位置的iPhone能夠顯示一系列全螢幕小部件,將其變成一個有用的家庭中心。待機模式會在水平放置在充電器上執行iOS17的iPhone上自動啟動。您可以查看時間、天氣、日曆、音樂控制、照片等資訊。您可以透過可用的待機選項向左或向右滑動,然後長按或向上/向下滑動以進行自訂。例如,隨著時間的流逝,您可以從類比視圖、數位視圖、氣泡字體和日光視圖中進行選擇,其中背景顏色會根據時間而變化。有一些選項

Windows 11使用者指南:如何停用廣告彈窗 Windows 11使用者指南:如何停用廣告彈窗 Sep 22, 2023 pm 07:21 PM

Microsoft的Windows11作業系統可能會使用通知系統的電腦上定期將建議顯示為彈出視窗。建議系統最初旨在為使用者提供有關改善Windows11工作流程的提示和建議,現在幾乎完全轉變為推廣Microsoft服務和產品的廣告系統。建議的彈出視窗可能會向用戶宣傳Microsoft365訂閱,建議將Android手機連結到設備,或設定備份解決方案。如果這些彈出視窗惹惱了您,您可以調整系統以完全停用它們。以下指南提供了有關在運行Microosft的Windows11作業系統的裝置上停用彈出建議的

桌面佈局已鎖定的原因及解決方法 桌面佈局已鎖定的原因及解決方法 Feb 19, 2024 pm 06:08 PM

顯示桌面佈局已鎖定是怎麼回事在使用電腦的過程中,有時我們可能會遇到顯示桌面佈局已鎖定的情況。這個問題意味著我們無法自由地調整桌面圖示的位置或改變桌面背景等操作。那麼,顯示桌面佈局已鎖定到底是怎麼回事?一、理解桌面佈局和鎖定功能首先,我們需要了解桌面佈局和桌面鎖定這兩個概念。桌面佈局是指桌面上各元素的排列方式,包括捷徑、資料夾和小工具等。我們可以自由

如何在 Windows 11 中立即開啟即時字幕 如何在 Windows 11 中立即開啟即時字幕 Jun 27, 2023 am 08:33 AM

如何在Windows11中立即開啟即時字幕1.在鍵盤上預贏+按Ctrl+L2.點擊同意3.將顯示一個彈出窗口,顯示準備以英語(美國)添加字幕(取決於您的首選語言)4.此外,您還可以透過點擊齒輪按鈕來過濾褻瀆?偏好?過濾髒話相關文章如何修復Windows伺服器中的啟動錯誤代碼0xc004f069Windows上的啟動過程有時會突然轉向顯示包含此錯誤代碼0xc004f069的錯誤訊息。雖然啟動程序已經聯機,但一些運行WindowsServer的舊系統可能會遇到此問題。透過這些初步檢查,如果這些檢查不

如何讓遠端桌面連線顯示對方的工作列 如何讓遠端桌面連線顯示對方的工作列 Jan 03, 2024 pm 12:49 PM

遠端桌面連線使用的使用者非常多,很多使用者在使用的時候都會遇到些小問題,例如沒有顯示對方的任務欄,其實很可能是對方的設定問題,下面就來看看解決方法吧。遠端桌面連線怎麼顯示對方的工作列:1、先點選「設定」。 2、然後再開啟「個人化」。 3、隨後選擇左側的「工作列」4、將圖中隱藏工作列選項關閉即可。

WPS表格居中怎麼設定 WPS表格居中怎麼設定 Mar 19, 2024 pm 09:34 PM

隨著WPS的功能越來越強大,我們遇到的關於功能使用的問題也越來越多。在WPS中,我們常常會使用到WPS表格,如果我們需要列印WPS表格,為了讓表格看起來美觀,這時候我們需要讓表格居中。那麼,問題來了,我們該如何讓WPS表格居中呢?今天我在這裡分享一下教程,希望能夠幫助你們!步驟詳情:1、我以實戰操作來講解,以下是我用WPS表格製作了一個簡單的表格。 2.透過列印預覽,我們可以發現,WPS表格預設是居左的。如果我們要是想把表格居中的話該怎麼辦呢? 3.這時候,我們需要點選【工具列】中的【頁面佈局】的

Linux 中如何查看目前目錄? Linux 中如何查看目前目錄? Feb 23, 2024 pm 05:54 PM

在Linux系統中,要顯示目前路徑可以使用pwd指令。 pwd指令是PrintWorkingDirectory的縮寫,用來顯示目前工作目錄的路徑。在終端機中輸入以下指令即可顯示目前路徑:pwd執行指令後,終端機會顯示目前工作目錄的完整路徑,如:/home/user/Documents。另外,還可以使用一些其他選項來增強pwd指令的功能,例如-P選項可以顯示出

See all articles