專利名稱：網(wǎng)頁(yè)布局的方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，特別涉及一種網(wǎng)頁(yè)布局的方法及裝置。
背景技術(shù)：
在Web 系統(tǒng)中，通常使用 div 標(biāo)簽將顯示 HTML (HyperText Mark-up Language，超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言)元素的顯示面板分成多列子面板，每個(gè)子面板顯示部分HTML元素，且相對(duì)顯示面板存在一個(gè)相對(duì)百分比。在進(jìn)行網(wǎng)頁(yè)布局時(shí)，大多數(shù)瀏覽器以顯示面板的實(shí)際寬度乘以每個(gè)子面板的相對(duì)百分比得到每個(gè)子面板的實(shí)際寬度，該種方式計(jì)算出的子面板的實(shí)際寬度可能帶有小數(shù)，但由于HTML元素在顯示時(shí)的實(shí)際寬度應(yīng)為整數(shù)，因此需要對(duì)計(jì)算得出的小數(shù)進(jìn)行處理。現(xiàn)有技術(shù)在網(wǎng)頁(yè)布局過程中處理上述計(jì)算得出的小數(shù)時(shí)，采用四舍五入的方式， 或直接對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行取整(舍去小數(shù)部分)。在實(shí)現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下缺點(diǎn)四舍五入和取整的方式，將導(dǎo)致子面板的實(shí)際寬度之和小于或超出顯示面板的實(shí)際寬度，進(jìn)而影響布局的美觀；另外，通過上述處理小數(shù)的方式進(jìn)行網(wǎng)頁(yè)布局時(shí)，如果不同瀏覽器適用的處理小數(shù)的方式也不同，則現(xiàn)有技術(shù)提供的網(wǎng)頁(yè)布局方式無法兼容各種瀏覽
ο

發(fā)明內(nèi)容
為了提高網(wǎng)頁(yè)布局的美觀性，提供一種兼容各種瀏覽器的網(wǎng)頁(yè)布局方式，本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)布局的方法及裝置。所述技術(shù)方案如下—方面，提供了一種網(wǎng)頁(yè)布局的方法，所述方法包括計(jì)算顯示面板的實(shí)際寬度，并根據(jù)所述顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算所述每個(gè)子面板的實(shí)際寬度；對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并根據(jù)所有子面板的取整結(jié)果，計(jì)算所述顯示面板的剩余實(shí)際寬度；根據(jù)預(yù)設(shè)規(guī)則將所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，并按分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。另一方面，提供了一種網(wǎng)頁(yè)布局的裝置，所述裝置包括第一計(jì)算模塊，用于計(jì)算顯示面板的實(shí)際寬度；第二計(jì)算模塊，用于根據(jù)所述第一計(jì)算模塊計(jì)算的顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算所述每個(gè)子面板的實(shí)際寬度；取整模塊，用于對(duì)所述第二計(jì)算模塊計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整；第三計(jì)算模塊，用于根據(jù)所述取整模塊對(duì)所有子面板的取整結(jié)果，計(jì)算所述顯示面板的剩余實(shí)際寬度；分配模塊，用于根據(jù)預(yù)設(shè)規(guī)則將所述第三計(jì)算模塊計(jì)算得到的所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板；設(shè)置模塊，用于按照所述分配模塊分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。本發(fā)明實(shí)施例提供的技術(shù)方案的有益效果是通過對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并將根據(jù)取整結(jié)果得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，從而可以提高網(wǎng)頁(yè)布局的美觀性，并兼容各種瀏覽器。


為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖1是本發(fā)明實(shí)施例一提供的網(wǎng)頁(yè)布局的方法流程圖；圖2是本發(fā)明實(shí)施例二提供的網(wǎng)頁(yè)布局的方法流程圖；圖3是本發(fā)明實(shí)施例二提供的子面板的相對(duì)寬度示意圖；圖4是本發(fā)明實(shí)施例三提供的網(wǎng)頁(yè)布局的裝置結(jié)構(gòu)示意圖；圖5是本發(fā)明實(shí)施例三提供的另一種網(wǎng)頁(yè)布局的裝置結(jié)構(gòu)示意圖。
具體實(shí)施例方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。實(shí)施例一參見圖1，本實(shí)施例提供了一種網(wǎng)頁(yè)布局的方法，該方法流程具體如下101 計(jì)算顯示面板的實(shí)際寬度，并根據(jù)顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算每個(gè)子面板的實(shí)際寬度；102 對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并根據(jù)所有子面板的取整結(jié)果，計(jì)算顯示面板的剩余實(shí)際寬度；103 根據(jù)預(yù)設(shè)規(guī)則將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，并按分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。其中，根據(jù)所有子面板的取整結(jié)果，計(jì)算顯示面板的剩余實(shí)際寬度，具體包括計(jì)算經(jīng)下取整后的所有子面板的整數(shù)實(shí)際寬度之和，并根據(jù)所有子面板的整數(shù)實(shí)際寬度之和與顯示面板的實(shí)際寬度，計(jì)算得到顯示面板的剩余實(shí)際寬度。進(jìn)一步地，對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后，還包括將對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后舍去的各個(gè)小數(shù)及所述各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系進(jìn)行存儲(chǔ)。具體地，根據(jù)預(yù)設(shè)規(guī)則將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，具體包括根據(jù)舍去的各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系，以及舍去的各個(gè)小數(shù)的排列順序，將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板。本實(shí)施例提供的方法，通過對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并將根據(jù)取整結(jié)果得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，從而可以提高網(wǎng)頁(yè)布局的美觀性，并且兼容各種瀏覽器。實(shí)施例二本實(shí)施例提供了一種網(wǎng)頁(yè)布局的方法，該方法在對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后，將取整后的所有小數(shù)之和作為顯示面板的剩余實(shí)際寬度，并將該顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，不僅可以提高網(wǎng)頁(yè)布局的美觀性，還可以使所有瀏覽器對(duì)取整后的小數(shù)可以采用相同的處理方式，進(jìn)而可以解決現(xiàn)有技術(shù)使用相對(duì)百分比進(jìn)行網(wǎng)頁(yè)布局無法兼容各種瀏覽器的問題。參見圖2，該方法流程具體如下201 計(jì)算顯示面板的實(shí)際寬度，并根據(jù)顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算每個(gè)子面板的實(shí)際寬度；其中，本實(shí)施例不對(duì)如何計(jì)算顯示面板的實(shí)際寬度進(jìn)行具體限定，瀏覽器不同，顯示面板的實(shí)際寬度也將不同。顯示面板的實(shí)際寬度，以及每個(gè)HTML元素顯示在顯示面板上的寬度均以像素為單位，而對(duì)于每個(gè)子面板被設(shè)置的相對(duì)百分比，由于是使用div標(biāo)簽已經(jīng)分割好的，因此，對(duì)于同一個(gè)HTML元素，每個(gè)子面板被設(shè)置的相對(duì)百分比是固定的。但由于顯示面板的實(shí)際寬度不同，根據(jù)顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算的每個(gè)子面板的實(shí)際寬度并不是固定的。對(duì)于子面板的個(gè)數(shù)及具體的相對(duì)百分比， 本實(shí)施例不做具體限定，實(shí)際應(yīng)用過程中，可由具體的HTML元素決定。為了便于說明，本實(shí)施例以顯示面板的實(shí)際寬度為IOM個(gè)像素，子面板的個(gè)數(shù)為 3，這3個(gè)子面板分別為子面板A、子面板B和子面板C，各個(gè)子面板對(duì)應(yīng)的相對(duì)百分比分別為顯示面板的32%、53%和15%為例進(jìn)行說明，如圖3所示。計(jì)算子面板的實(shí)際寬度時(shí)，子面板的實(shí)際寬度為顯示面板的實(shí)際寬度與子面板的相對(duì)百分比的乘積，則子面板A的實(shí)際寬度為1024*32%= 327. 68個(gè)像素；子面板B的實(shí)際寬度為1024*53%= M2. 72個(gè)像素； 而子面板C的實(shí)際寬度為1024*15%= 153. 60個(gè)像素。202 對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，得到所有子面板的取整結(jié)果；針對(duì)該步驟，基于上述步驟201計(jì)算得到的每個(gè)子面板的實(shí)際寬度，在對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后，子面板A的整數(shù)實(shí)際寬度為327個(gè)像素，子面板B的整數(shù)實(shí)際寬度為542個(gè)像素，子面板C的整數(shù)實(shí)際寬度為153個(gè)像素。203 根據(jù)所有子面板的取整結(jié)果計(jì)算顯示面板的剩余實(shí)際寬度；其中，顯示面板的剩余實(shí)際寬度為所有子面板的整數(shù)實(shí)際寬度之和與顯示面板的實(shí)際寬度之間的差，則根據(jù)所有子面板的取整結(jié)果計(jì)算顯示面板的剩余實(shí)際寬度時(shí)，具體包括計(jì)算經(jīng)下取整后的所有子面板的整數(shù)實(shí)際寬度之和，并根據(jù)所有子面板的整數(shù)實(shí)際寬度之和與顯示面板的實(shí)際寬度，計(jì)算得到顯示面板的剩余實(shí)際寬度。例如，基于上述步驟202得到的各個(gè)子面板的整數(shù)實(shí)際寬度，所有子面板的整數(shù)實(shí)際寬度之和為327+M2+153 = 1022個(gè)像素，則顯示面板的剩余實(shí)際寬度為10M-1022 = 2個(gè)像素。由上述計(jì)算結(jié)果可以看出，所有子面板的整數(shù)實(shí)際寬度之和與顯示面板的實(shí)際寬度之間的差，即為對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后舍去的所有小數(shù)之和，則該顯示面板的剩余實(shí)際寬度也可以通過0.68+0. 72+0. 60 = 2得到。另外，由該步驟可以得出，顯示面板的剩余實(shí)際寬度同樣為整數(shù)，且該顯示面板的剩余實(shí)際寬度對(duì)應(yīng)的整數(shù)小于子面板的個(gè)數(shù)。204 根據(jù)預(yù)設(shè)規(guī)則將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，并按分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。具體地，本實(shí)施例不對(duì)具體的預(yù)設(shè)規(guī)則進(jìn)行限定，可以將顯示面板的剩余實(shí)際寬度分配給任意的一至多個(gè)子面板。但為了充分利用顯示面板，使網(wǎng)頁(yè)布局更加美觀，本實(shí)施例提供的方法在根據(jù)預(yù)設(shè)規(guī)則將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板時(shí)，提供了如下優(yōu)選步驟根據(jù)對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后舍去的各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系，以及舍去的各個(gè)小數(shù)的排列順序，將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板。其中，在將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板時(shí)，可以將該顯示面板的剩余實(shí)際寬度按照寬度單位進(jìn)行分配。也就是說，如果顯示面板的剩余絕對(duì)寬度為N 個(gè)寬度單位，則需要將該顯示面板的剩余實(shí)際寬度N分配給排序在前N位的小數(shù)對(duì)應(yīng)的子面板，且每個(gè)子面板被分配的寬度為一個(gè)寬度單位。以上述步驟203計(jì)算得到的顯示面板的剩余實(shí)際寬度為2個(gè)像素為例，舍去的小數(shù)0. 68,0. 72和0. 60分別對(duì)應(yīng)子面板A、子面板 B和子面板C，如果按照舍去的小數(shù)從大到小的排列順序進(jìn)行分配，則需要將這2個(gè)像素寬度分配給排序在前兩位的小數(shù)0. 72和0. 68對(duì)應(yīng)的子面板B和子面板A。需要說明的是，由于步驟204提供的優(yōu)選步驟用到了對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后舍去的小數(shù)，因此，在上述步驟203對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后， 還需要將舍去的各個(gè)小數(shù)及各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系進(jìn)行存儲(chǔ)，并在需要時(shí)，將各個(gè)小數(shù)進(jìn)行排序，本實(shí)施例不對(duì)排序規(guī)則進(jìn)行限定，可以按照從大到小的順序排序，也可以按照從小到大的順序排序。本實(shí)施例提供的方法，通過對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并將根據(jù)取整結(jié)果得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，從而可以提高網(wǎng)頁(yè)布局的美觀性，并且兼容各種瀏覽器。實(shí)施例三參見圖4，本實(shí)施例提供了一種網(wǎng)頁(yè)布局的裝置，該裝置包括第一計(jì)算模塊401，用于計(jì)算顯示面板的實(shí)際寬度；第二計(jì)算模塊402，用于根據(jù)第一計(jì)算模塊401計(jì)算的顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算每個(gè)子面板的實(shí)際寬度；取整模塊403，用于對(duì)第二計(jì)算模塊402計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整；第三計(jì)算模塊404，用于根據(jù)取整模塊403對(duì)所有子面板的取整結(jié)果，計(jì)算顯示面板的剩余實(shí)際寬度；分配模塊405，用于根據(jù)預(yù)設(shè)規(guī)則將第三計(jì)算模塊404計(jì)算得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板；設(shè)置模塊406，用于按照分配模塊405分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。其中，第三計(jì)算模塊404，具體用于計(jì)算經(jīng)取整模塊403進(jìn)行下取整后的所有子面板的整數(shù)實(shí)際寬度之和，根據(jù)所有子面板的整數(shù)實(shí)際寬度之和與顯示面板的實(shí)際寬度，計(jì)算得到顯示面板的剩余實(shí)際寬度。參見圖5，進(jìn)一步地，該網(wǎng)頁(yè)布局的裝置還包括存儲(chǔ)模塊407，用于在取整模塊403對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后，將舍去的各個(gè)小數(shù)及各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系進(jìn)行存儲(chǔ)。具體地，分配模塊405，具體用于根據(jù)舍去的各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系，以及舍去的各個(gè)小數(shù)的排列順序，將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板。綜上所述，本實(shí)施例提供的裝置，通過對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并將根據(jù)取整結(jié)果得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，從而可以提高網(wǎng)頁(yè)布局的美觀性，并且兼容各種瀏覽器。需要說明的是上述實(shí)施例提供的網(wǎng)頁(yè)布局的裝置在進(jìn)行網(wǎng)頁(yè)布局時(shí)，僅以上述各功能模塊的劃分進(jìn)行舉例說明，實(shí)際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將設(shè)備的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實(shí)施例提供的網(wǎng)頁(yè)布局的裝置與網(wǎng)頁(yè)布局的方法實(shí)施例屬于同一構(gòu)思，其具體實(shí)現(xiàn)過程詳見方法實(shí)施例，這里不再贅述。上述本發(fā)明實(shí)施例序號(hào)僅僅為了描述，不代表實(shí)施例的優(yōu)劣。本發(fā)明實(shí)施例中的全部或部分步驟，可以利用軟件實(shí)現(xiàn)，相應(yīng)的軟件程序可以存儲(chǔ)在可讀取的存儲(chǔ)介質(zhì)中，如光盤或硬盤等。以上所述僅為本 發(fā)明的較佳實(shí)施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁(yè)布局的方法，其特征在于，所述方法包括計(jì)算顯示面板的實(shí)際寬度，并根據(jù)所述顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算所述每個(gè)子面板的實(shí)際寬度；對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并根據(jù)所有子面板的取整結(jié)果，計(jì)算所述顯示面板的剩余實(shí)際寬度；根據(jù)預(yù)設(shè)規(guī)則將所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，并按分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所有子面板的取整結(jié)果，計(jì)算所述顯示面板的剩余實(shí)際寬度，具體包括計(jì)算經(jīng)下取整后的所有子面板的整數(shù)實(shí)際寬度之和，并根據(jù)所述所有子面板的整數(shù)實(shí)際寬度之和與所述顯示面板的實(shí)際寬度，計(jì)算得到所述顯示面板的剩余實(shí)際寬度。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后，還包括將對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整后舍去的各個(gè)小數(shù)及所述各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系進(jìn)行存儲(chǔ)。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述根據(jù)預(yù)設(shè)規(guī)則將所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，具體包括根據(jù)舍去的各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系，以及所述舍去的各個(gè)小數(shù)的排列順序，將所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板。
5.一種網(wǎng)頁(yè)布局的裝置，其特征在于，所述裝置包括第一計(jì)算模塊，用于計(jì)算顯示面板的實(shí)際寬度；第二計(jì)算模塊，用于根據(jù)所述第一計(jì)算模塊計(jì)算的顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算所述每個(gè)子面板的實(shí)際寬度；取整模塊，用于對(duì)所述第二計(jì)算模塊計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整；第三計(jì)算模塊，用于根據(jù)所述取整模塊對(duì)所有子面板的取整結(jié)果，計(jì)算所述顯示面板的剩余實(shí)際寬度；分配模塊，用于根據(jù)預(yù)設(shè)規(guī)則將所述第三計(jì)算模塊計(jì)算得到的所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板；設(shè)置模塊，用于按照所述分配模塊分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。
6.根據(jù)權(quán)利要求5所述的裝置，其特征在于，所述第三計(jì)算模塊，具體用于計(jì)算經(jīng)所述取整模塊進(jìn)行下取整后的所有子面板的整數(shù)實(shí)際寬度之和，根據(jù)所述所有子面板的整數(shù)實(shí)際寬度之和與所述顯示面板的實(shí)際寬度，計(jì)算得到所述顯示面板的剩余實(shí)際寬度。
7.根據(jù)權(quán)利要求5所述的裝置，其特征在于，所述裝置，還包括存儲(chǔ)模塊，用于在所述取整模塊對(duì)所述每個(gè)子面板的實(shí)際寬度進(jìn)行下取整之后，將舍去的各個(gè)小數(shù)及所述各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系進(jìn)行存儲(chǔ)。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述分配模塊，具體用于根據(jù)舍去的各個(gè)小數(shù)與子面板的對(duì)應(yīng)關(guān)系，以及所述舍去的各個(gè)小數(shù)的排列順序，將所述顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板。
全文摘要
本發(fā)明公開了一種網(wǎng)頁(yè)布局的方法及裝置，屬于互聯(lián)網(wǎng)領(lǐng)域。所述方法包括計(jì)算顯示面板的實(shí)際寬度，并根據(jù)顯示面板的實(shí)際寬度以及每個(gè)子面板被設(shè)置的相對(duì)百分比計(jì)算每個(gè)子面板的實(shí)際寬度；對(duì)每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并根據(jù)所有子面板的取整結(jié)果，計(jì)算顯示面板的剩余實(shí)際寬度；根據(jù)預(yù)設(shè)規(guī)則將顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，并按分配后確定的布局結(jié)果設(shè)置各個(gè)子面板的寬度屬性。本發(fā)明通過對(duì)計(jì)算的每個(gè)子面板的實(shí)際寬度進(jìn)行下取整，并將根據(jù)取整結(jié)果得到的顯示面板的剩余實(shí)際寬度分配給一至多個(gè)子面板，使網(wǎng)頁(yè)布局可根據(jù)顯示面板的實(shí)際大小變化而變化，具有提高網(wǎng)頁(yè)布局的美觀性，并兼容各種瀏覽器的效果。
文檔編號(hào)G06F17/30GK102243633SQ20101017307
公開日2011年11月16日 申請(qǐng)日期2010年5月11日 優(yōu)先權(quán)日2010年5月11日
發(fā)明者李彬 申請(qǐng)人:深圳市金蝶中間件有限公司