[發明專利]網頁表單元素對齊的方法和裝置

在審

• 申請號: 201480002963.3
• 申請日: 2014-10-16
• 公開（公告）號: CN104854559A
• 公開（公告）日: 2015-08-19
• 發明（設計）人: 林暢
• 申請（專利權）人: 深圳市融資城網絡服務中心有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 深圳市華優知識產權代理事務所(普通合伙) 44319
• 代理人: 冀博

1.一種頁面表單元素對齊的方法，其特征在于，包括：

步驟一、將網頁的每個表單元素所在父容器的行高調整為對應父容器的高度，并去除所述網頁中每個表單元素的內間距和外間距，生成網頁共同作用的第一CSS程序代碼；

步驟二、調用多個不同的瀏覽器依次瀏覽所述網頁，當某一瀏覽器瀏覽所述網頁時出現表單元素不垂直居中對齊的現象，則對所述網頁進行該某一瀏覽器專屬樣式調整，使該某一瀏覽器瀏覽所述網頁時所有表單元素垂直居中對齊，為每一個進行專屬樣式調整的瀏覽器生成一個網頁專屬作用的第二CSS程序代碼；

將所述第一CSS程序代碼和所有第二CSS程序代碼組成CSS文件引入所述網頁頭部，以使所述多個不同的瀏覽器后續瀏覽所述網頁時實現所有表單元素垂直居中對齊。

2.根據權利要求1所述的頁面表單元素對齊的方法，其特征在于，所述調用多個不同的瀏覽器依次瀏覽所述網頁，當某一瀏覽器瀏覽所述網頁時出現表單元素不垂直居中對齊的現象，則對所述網頁進行該某一瀏覽器專屬樣式調整，使該某一瀏覽器瀏覽所述網頁時所有表單元素垂直居中對齊包括：

預先設置待調用的多個不同瀏覽器的網頁瀏覽順序；

根據所述網頁瀏覽順序，依次調用對應的瀏覽器瀏覽所述網頁；

當某一瀏覽器瀏覽所述網頁出現表單元素不垂直居中對齊的現象，則對所述網頁進行該某一瀏覽器專屬樣式調整，使該某一瀏覽器瀏覽所述網頁時所有表單元素垂直居中對齊，然后調用下一瀏覽器瀏覽所述網頁。

3.根據權利要求1或2任一項所述的頁面表單元素對齊的方法，其特征在于，對所述網頁進行該某一瀏覽器專屬樣式調整具體為：

對所述網頁中出現表單元素不垂直居中對齊的所在行內所有表單元素的內間距、外間距進行所述某一瀏覽器專屬樣式調整，使所述某一瀏覽器瀏覽所述網頁時相應行內所有表單元素垂直居中對齊。

4.根據權利要求3所述的頁面表單元素對齊的方法，其特征在于，所述多個不同的瀏覽器包括以下類型的瀏覽器：IE瀏覽器、谷歌瀏覽器、火狐瀏覽器、360瀏覽器、Safari瀏覽器；上述每種類型的瀏覽器包括至少一個版本的瀏覽器。

5.一種頁面表單元素對齊的裝置，其特征在于，包括：

設置模塊，用于將網頁的每個表單元素所在父容器的行高調整為對應父容器的高度，并去除所述網頁中每個表單元素的內間距和外間距，生成網頁共同作用的第一CSS程序代碼；

調用模塊，用于調用多個不同的瀏覽器依次瀏覽所述網頁，當某一瀏覽器瀏覽所述網頁時出現表單元素不垂直居中對齊的現象，則對所述網頁進行該某一瀏覽器專屬樣式調整，使該某一瀏覽器瀏覽所述網頁時所有表單元素垂直居中對齊，為每一個進行專屬樣式調整的瀏覽器生成一個網頁專屬作用的第二CSS程序代碼；

引入模塊，用于將所述第一CSS程序代碼和所有第二CSS程序代碼組成CSS文件引入所述網頁頭部，以使所述多個不同的瀏覽器后續瀏覽所述網頁時實現所有表單元素垂直居中對齊。

6.根據權利要求5所述的頁面表單元素對齊的裝置，其特征在于，

所述調用模塊，具體用于預先設置待調用的多個不同瀏覽器的網頁瀏覽順序；根據所述網頁瀏覽順序，依次調用對應的瀏覽器瀏覽所述網頁；當某一瀏覽器瀏覽所述網頁出現表單元素不垂直居中對齊的現象，則對所述網頁進行該某一瀏覽器專屬樣式調整，使該某一瀏覽器瀏覽所述網頁時所有表單元素垂直居中對齊，然后調用下一瀏覽器瀏覽所述網頁。

7.根據權利要求5或6所述的頁面表單元素對齊的裝置，其特征在于，所述調用模塊，具體還用于對所述網頁中出現表單元素不垂直居中對齊的所在行內所有表單元素的內間距、外間距進行所述某一瀏覽器專屬樣式調整，使所述某一瀏覽器瀏覽所述網頁時相應行內所有表單元素垂直居中對齊。

8.根據權利要求7所述的頁面表單元素對齊的裝置，其特征在于，所述多個不同的瀏覽器包括以下類型的瀏覽器：IE瀏覽器、谷歌瀏覽器、火狐瀏覽器、360瀏覽器、Safari瀏覽器；上述每種類型的瀏覽器包括至少一個版本的瀏覽器。