CN104854559A - 网页表单元素对齐的方法和装置 - Google Patents
网页表单元素对齐的方法和装置 Download PDFInfo
- Publication number
- CN104854559A CN104854559A CN201480002963.3A CN201480002963A CN104854559A CN 104854559 A CN104854559 A CN 104854559A CN 201480002963 A CN201480002963 A CN 201480002963A CN 104854559 A CN104854559 A CN 104854559A
- Authority
- CN
- China
- Prior art keywords
- browser
- described webpage
- webpage
- form element
- certain
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页表单元素对齐的方法，方法：将网页的每个表单元素所在父容器行高调为对应父容器高度，去除网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码；调用多个不同的浏览器依次浏览网页，当某浏览器浏览网页出现表单元素不对齐，对网页进行该浏览器专属调整，使该浏览器浏览网页所有表单元素对齐，为专属调整的浏览器生成网页专属作用的第二CSS程序代码；将第一CSS程序代码和所有第二CSS程序代码引入网页。本发明还公开了一种网页表单元素对齐的装置。本发明所提供的方法和装置能够解决不同浏览器浏览网页出现表单元素不对齐的问题，实现不同浏览器浏览所述网页时所有表单元素垂直居中对齐。
Description
技术领域
本发明涉及计算机应用技术领域，尤其涉及一种网页表单元素对齐的方法和装置。
背景技术
目前在网页开发过程中，网页中的表单元素如输入框、单选按钮、复选按钮、下拉框、按钮、文字、图标等默认的样式是不对齐的。但是为了保证网页页面的美观，需要对这些表单元素进行垂直居中对齐，然而目前主流浏览器如IE、谷歌、火狐、360、Safari等对某些表单元素的样式解析不一致；同时对于有多个版本的IE浏览器如IE7、IE8、IE9、IE10，某些表单元素在不同版本的IE浏览器下的表现也不一致。
为了解决上述问题目前处理方式是：当网页提交表单的同一行出现表单元素时，让浏览器默认处理；或者增加一个控制全局居中的vertical-align:middle样式，使同一行的表单元素对齐。但是目前的这种处理方式只能使大多数浏览器浏览网页时实现表单元素的垂直居中对齐，而不能保证所有不同浏览器浏览所述网页时实现表单元素的垂直居中对齐。
发明内容
本发明的主要目的在于解决网页在不同浏览器浏览模式下出现表单元素现不垂直居中对齐的技术问题。
为了实现上述目的，本发明提供一种页面表单元素对齐的方法，包括：
步骤一、将网页的每个表单元素所在父容器的行高调整为对应父容器的高度，并去除所述网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码；
步骤二、调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，为每一个进行专属样式调整的浏览器生成一个网页专属作用的第二CSS程序代码；
将所述第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部，以使所述多个不同的浏览器后续浏览所述网页时实现所有表单元素垂直居中对齐。
优选地，所述调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐包括：
预先设置待调用的多个不同浏览器的网页浏览顺序；
根据所述网页浏览顺序，依次调用对应的浏览器浏览所述网页；
当某一浏览器浏览所述网页出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，然后调用下一浏览器浏览所述网页。
优选地，对所述网页进行该某一浏览器专属样式调整具体为：
对所述网页中出现表单元素不垂直居中对齐的所在行内所有表单元素的内间距、外间距进行所述某一浏览器专属样式调整，使所述某一浏览器浏览所述网页时相应行内所有表单元素垂直居中对齐。
优选地，所述多个不同的浏览器包括以下类型的浏览器：IE浏览器、谷歌浏览器、火狐浏览器、360浏览器、Safari浏览器；上述每种类型的浏览器包括至少一个版本的浏览器。
此外，为实现上述目的，本发明还提供一种页面表单元素对齐的装置，包括：
设置模块，用于将网页的每个表单元素所在父容器的行高调整为对应父容器的高度，并去除所述网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码；
调用模块，用于调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，为每一个进行专属样式调整的浏览器生成一个网页专属作用的第二CSS程序代码；
引入模块，用于将所述第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部，以使所述多个不同的浏览器后续浏览所述网页时实现所有表单元素垂直居中对齐。
优选地，所述调用模块，具体用于预先设置待调用的多个不同浏览器的网页浏览顺序；根据所述网页浏览顺序，依次调用对应的浏览器浏览所述网页；当某一浏览器浏览所述网页出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，然后调用下一浏览器浏览所述网页。
优选地，所述调用模块，具体还用于对所述网页中出现表单元素不垂直居中对齐的所在行内所有表单元素的内间距、外间距进行所述某一浏览器专属样式调整，使所述某一浏览器浏览所述网页时相应行内所有表单元素垂直居中对齐。
优选地，所述多个不同的浏览器包括以下类型的浏览器：IE浏览器、谷歌浏览器、火狐浏览器、360浏览器、Safari浏览器；上述每种类型的浏览器包括至少一个版本的浏览器。
本发明所提供的网页表单元素对齐的方法和装置，通过将网页的每个表单元素所在父容器的行高调整为对应父容器的高度，并去除所述网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码；调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，为每一个进行专属样式调整的浏览器生成一个网页专属作用的第二CSS程序代码；将所述第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部的方式，能够解决浏览器浏览所述网页出现表单元素不垂直居中对齐的问题，实现不同浏览器浏览所述网页时所有表单元素垂直居中对齐。
附图说明
图1为本发明的页面表单元素对齐的方法第一实施例的流程图；
图2是本发明的调用多个不同的浏览器依次浏览网页的流程示意图；
图3是本发明的页面表单元素对齐的装置第一实施例的功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明提供一种页面表单元素对齐的方法，参见图1，图1为本发明的页面表单元素对齐的方法第一实施例的流程图。在第一实施例中，所述页面表单元素对齐的方法包括：
步骤S10、将网页的每个表单元素所在父容器的行高调整为对应父容器的高度，并去除所述网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码。
本步骤S10的设置属于公同作用样式设置，将所述第一CSS程序代码引用网页中可以保证所述网页在大部分浏览器的浏览模式下能够实现表单元素垂直居中对齐。另外，本实施例中还可以对所述网页中的字体和字体大小进行设置，根据网页的每个表单元素所在父容器行高、每个表单元素的内外间距、以及网页中的字体和字体大小，生成网页共同作用的第一CSS程序代码。
步骤S20、调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，为每一个进行专属样式调整的浏览器生成一个网页专属作用的第二CSS程序代码。
步骤S30、将所述第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部，以使所述多个不同的浏览器后续浏览所述网页时实现所有表单元素垂直居中对齐。
本实施例中，由于某些浏览器浏览网页的模式并不完全相同，即有些不同的浏览器不兼容，因此可能出现某些浏览器浏览所述网页时出现表单元素不垂直居中对齐现象。在调用多个不同的浏览器依次浏览所述网页过程中，针对浏览所述网页时出现表单元素不垂直居中对齐的现象的浏览器，对所述网页进行该浏览器专属样式调整，为该浏览器生成一个网页专属作用的第二CSS程序代码。将第一CSS程序代码和该第二CSS程序代码引入所述网页中后，该浏览器后续浏览所述网页时不再出现表单元素不垂直居中对齐的现象。为了确保所述多个不同的浏览器再浏览所述网页时不再出现现表单元素不垂直居中对齐的现象。需要针对该多个不同浏览器中浏览所述网页时出现表单元素不垂直居中对齐的现象的浏览器，对所述网页进行相应浏览器专属样式调整，并为相应浏览器生成一个网页专属作用的第二CSS程序代码。将第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页中后，所述多个不同的浏览器再所述网页时不会再出现表单元素不垂直居中对齐的现象。因此本实施例通过步骤S20操作，能够解决所述多个不同浏览器浏览所述网页出现表单元素不垂直居中的问题，实现所述多个不同浏览器浏览所述网页时所有表单元素垂直居中对齐。
参见图2，图2是本发明的调用多个不同的浏览器依次浏览网页的流程示意图。具体包括：
S21、预先设置待调用的多个不同浏览器的网页浏览顺序。
S22、根据所述网页浏览顺序，依次调用对应的浏览器浏览所述网页。
本实施例中，调用浏览器浏览所述网页过程中，当某一浏览器浏览所述网页出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，然后调用下一浏览器浏览所述网页。当某一浏览器浏览所述网页未出现表单元素不垂直居中对齐的现象，则调用一浏览器浏览所述网页。
本实施例中，对所述网页进行该某一浏览器专属样式调整具体处理如下：对所述网页中出现表单元素不垂直居中对齐的所在行内所有表单元素的内间距、外间距进行所述某一浏览器专属样式调整，使所述某一浏览器浏览所述网页时相应行内所有表单元素垂直居中对齐。
本实施例中，对所述网页进行该某一浏览器专属样式调整后，不影响其他浏览器浏览所述网页。即如A浏览器浏览网页时表单元素以公同作用样式的形式显示，未出现表单元素不垂直居中对齐的现象，无需作进一步的处理。而B浏览器浏览网页时表单元素以公同作用样式的形式显示，出现表单元素不垂直居中对齐的现象，需要对所述网页进行该B浏览器专属样式的调整。调整后(即将第一CSS程序代码和所述第二CSS程序代码组成CSS文件引入所述网页页面中以后)B浏览器再浏览网页时会根据所述CSS文件进行调整，使表单元素以专属样式的形式显示，则不会再出现表单元素不垂直居中对齐的现象；而此后A浏览器浏览网页时会根据所述CSS文件进行调整，使表单元素以公同作用样式的形式显示，不会出现表单元素不垂直居中对齐的现象。
另外，本发明也可以针对所述网页的每行依次调用多个不同的浏览器浏览网页。如首先针对所述网页的第一行内的表单元素，依次调用多个不同的浏览器浏览所述网页查看第一行内表单元素的对齐情况，当某一浏览器浏览所述网页时第一行内的表单元素出现不垂直居中对齐的现象，则对第一行内的所有表单元素进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页第一行内所有表单元素垂直居中对齐。然后针对所述网页第二行内的表单元素，依次调用多个不同的浏览器浏览所述网页查看第二行内表单元素的对齐情况，当某一浏览器浏览所述网页时第二行内的表单元素出现不垂直居中对齐的现象，则对第二行内的所有表单元素进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页第二行内所有表单元素垂直居中对齐。后续依次类推，直至网页中所有行内的表单元素垂直居中对齐。
上述实施例中，所述多个不同的浏览器具体包括哪些浏览器可以根据实际情况或用户意愿进行选择，如用户希望通过某一或某些浏览器浏览网页时，确保表单元素垂直居中对齐，则相应的浏览器都包括在所述多个不同的浏览器中；当然所述多个不同的浏览器也可以包括现有技术中所有类型的浏览器，每种类型的浏览器包括该类型的所有版本的浏览器。如所述多个不同的浏览器可以包括以下类型的浏览器：IE浏览器、谷歌浏览器、火狐浏览器、360浏览器、Safari浏览器；上述每种类型的浏览器包括至少一个版本的浏览器。如IE浏览器包括有IE7版、IE8版、IE9版、IE10版等。本发明中定义同一类型不同版本的浏览器为不同的浏览器。
本发明进一步提供一种终端，参见图3，图3是本发明的页面表单元素对齐的装置第一实施例的功能模块示意图。在该第一实施例中，所述页面表单元素对齐的装置100包括：设置模块110、调用模块120以及引入模块130。所述设置模块110，用于将网页的每个表单元素所在父容器的行高调整为对应父容器的高度，并去除所述网页中每个表单元素的内间距和外间距，生成网页共同作用的第一CSS程序代码。所述调用模块120，用于调用多个不同的浏览器依次浏览所述网页，当某一浏览器浏览所述网页时出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，为每一个进行专属样式调整的浏览器生成一个网页专属作用的第二CSS程序代码。引入模块130，用于并将所述第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部，以使所述多个不同的浏览器后续浏览所述网页时实现所有表单元素垂直居中对齐。
本实施例中，所述设置模块110进行的操作属于公同作用样式设置，通过设置模块110将所述第一CSS程序代码引用网页头部中可以保证所述网页在大部分浏览器的浏览模式下能够实现表单元素垂直居中对齐。另外，本实施例中还可以对所述网页中的字体和字体大小进行设置，根据网页的每个表单元素所在父容器行高、每个表单元素的内外间距、以及网页中的字体和字体大小，生成网页共同作用的第一CSS程序代码。
本实施例中，由于某些浏览器浏览网页的模式并不完全相同，即有些不同的浏览器不兼容，因此可能出现某些浏览器浏览所述网页时出现表单元素不垂直居中对齐现象。在调用多个不同的浏览器依次浏览所述网页过程中，针对浏览所述网页时出现表单元素不垂直居中对齐的现象的浏览器，对所述网页进行该浏览器专属样式调整，为该浏览器生成一个网页专属作用的第二CSS程序代码。将第一CSS程序代码和该第二CSS程序代码引入所述网页头部后，该浏览器后续浏览所述网页时不再出现表单元素不垂直居中对齐的现象。为了确保所述多个不同的浏览器再浏览所述网页时不再出现现表单元素不垂直居中对齐的现象。需要针对该多个不同浏览器中浏览所述网页时出现表单元素不垂直居中对齐的现象的浏览器，对所述网页进行相应浏览器专属样式调整，并为相应浏览器生成一个网页专属作用的第二CSS程序代码。将第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页中后，所述多个不同的浏览器再所述网页时不会再出现表单元素不垂直居中对齐的现象。因此本实施例通过引入模块130将第一CSS程序代码和所有的第二CSS程序代码组成CSS文件引入网页头部，能够解决所述多个不同浏览器浏览所述网页出现表单元素不垂直居中的问题，实现所述多个不同浏览器浏览所述网页时所有表单元素垂直居中对齐。
上述页面表单元素对齐的装置100实施例中，所述调用模块120，具体用于预先设置待调用的多个不同浏览器的网页浏览顺序；以及根据所述网页浏览顺序，依次调用对应的浏览器浏览所述网页；当某一浏览器浏览所述网页出现表单元素不垂直居中对齐的现象，则对所述网页进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页时所有表单元素垂直居中对齐，然后调用下一浏览器浏览所述网页；当某一浏览器浏览所述网页未出现表单元素不垂直居中对齐的现象，则调用下一浏览器浏览所述网页。其中所述调用模块120对所述网页进行该某一浏览器专属样式调整具体处理如下：对所述网页中出现表单元素不垂直居中对齐的所在行内所有表单元素的内间距、外间距进行所述某一浏览器专属样式调整，使所述某一浏览器浏览所述网页时相应行内所有表单元素垂直居中对齐。
本实施例中，对所述网页进行该某一浏览器专属样式调整后，不影响其他浏览器浏览所述网页。即如A浏览器浏览网页时表单元素以公同作用样式的形式显示，未出现表单元素不垂直居中对齐的现象，无需作进一步的处理。而B浏览器浏览网页时表单元素以公同作用样式的形式显示，出现表单元素不垂直居中对齐的现象，需要对所述网页进行该B浏览器专属样式的调整。调整后(即将第一CSS程序代码和所有第二CSS程序代码组成CSS文件引入所述网页头部后)B浏览器再浏览网页时会根据所述CSS文件进行调整，使表单元素以专属样式的形式显示，则不会再出现表单元素不垂直居中对齐的现象；而此后A浏览器浏览网页时会根据所述CSS文件进行调整，使表单元素以公同作用样式的形式显示，不会出现表单元素不垂直居中对齐的现象。
另外，本发明也可以针对所述网页的每行依次调用多个不同的浏览器浏览网页。如首先针对所述网页的第一行内的表单元素，依次调用多个不同的浏览器浏览所述网页查看第一行内表单元素的对齐情况，当某一浏览器浏览所述网页时第一行内的表单元素出现不垂直居中对齐的现象，则对第一行内的所有表单元素进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页第一行内所有表单元素垂直居中对齐。然后针对所述网页第二行内的表单元素，依次调用多个不同的浏览器浏览所述网页查看第二行内表单元素的对齐情况，当某一浏览器浏览所述网页时第二行内的表单元素出现不垂直居中对齐的现象，则对第二行内的所有表单元素进行该某一浏览器专属样式调整，使该某一浏览器浏览所述网页第二行内所有表单元素垂直居中对齐。后续依次类推，直至网页中所有行内的表单元素垂直居中对齐。
上述实施例中，所述多个不同的浏览器具体包括哪些浏览器可以根据实际情况或用户意愿进行选择，如用户希望通过某一或某些浏览器浏览网页时，确保表单元素垂直居中对齐，则相应的浏览器都包括在所述多个不同的浏览器中；当然所述多个不同的浏览器也可以包括现有技术中所有类型的浏览器，每种类型的浏览器包括该类型的所有版本的浏览器。如所述多个不同的浏览器可以包括以下类型的浏览器：IE浏览器、谷歌浏览器、火狐浏览器、360浏览器、Safari浏览器；上述每种类型的浏览器包括至少一个版本的浏览器。如IE浏览器包括有IE7版、IE8版、IE9版、IE10版等。本发明中定义同一类型不同版本的浏览器为不同的浏览器。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (8)
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浏览器；上述每种类型的浏览器包括至少一个版本的浏览器。
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| PCT/CN2014/088727 WO2016058156A1 (zh) | 2014-10-16 | 2014-10-16 | 网页表单元素对齐的方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104854559A true CN104854559A (zh) | 2015-08-19 |
Family
ID=53852834
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201480002963.3A Pending CN104854559A (zh) | 2014-10-16 | 2014-10-16 | 网页表单元素对齐的方法和装置 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN104854559A (zh) |
| WO (1) | WO2016058156A1 (zh) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106502701A (zh) * | 2016-10-27 | 2017-03-15 | 中企动力科技股份有限公司 | 一种创建网页时组件对齐的方法及装置 |
| CN106528895A (zh) * | 2016-12-29 | 2017-03-22 | 重庆南华中天信息技术有限公司 | 一种css资源前端显示装置 |
| CN106648686A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种web前端css资源请求处理装置 |
| CN106649820A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种web服务器 |
| CN106648687A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种电子设备 |
| CN106682181A (zh) * | 2016-12-29 | 2017-05-17 | 重庆南华中天信息技术有限公司 | 一种web前端css资源请求处理方法 |
| CN106682191A (zh) * | 2016-12-29 | 2017-05-17 | 重庆南华中天信息技术有限公司 | 一种css资源前端显示方法 |
| CN107066496A (zh) * | 2016-12-29 | 2017-08-18 | 重庆南华中天信息技术有限公司 | 一种兼容不同浏览器和终端设备的页面访问方法 |
| CN109960561A (zh) * | 2019-03-29 | 2019-07-02 | 北京金山云网络技术有限公司 | 页面元素的显示方法、装置和电子设备 |
| CN113051495A (zh) * | 2019-12-27 | 2021-06-29 | 成都鼎桥通信技术有限公司 | 一种web页面焦点导航方法和装置 |
| CN113221046A (zh) * | 2020-01-17 | 2021-08-06 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102368244A (zh) * | 2011-09-08 | 2012-03-07 | 广州市动景计算机科技有限公司 | 页面内容对齐方法、装置及移动终端浏览器 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN100367202C (zh) * | 2005-05-17 | 2008-02-06 | 杭州华三通信技术技术有限公司 | 一种网页列表控件及其实现方法 |
| CN102541534B (zh) * | 2011-10-21 | 2014-09-10 | 鼎捷软件股份有限公司 | 移动设备网页窗体生成方法 |
-
2014
- 2014-10-16 CN CN201480002963.3A patent/CN104854559A/zh active Pending
- 2014-10-16 WO PCT/CN2014/088727 patent/WO2016058156A1/zh active Application Filing
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102368244A (zh) * | 2011-09-08 | 2012-03-07 | 广州市动景计算机科技有限公司 | 页面内容对齐方法、装置及移动终端浏览器 |
Non-Patent Citations (2)
| Title |
|---|
| 林晓峰: ""运用DIV+CSS网页布局的方法"", 《硅谷》 * |
| 黄雪琴等: ""基于CSS+DIV的自适应宽度网页布局方法"", 《计算机与现代化》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106502701A (zh) * | 2016-10-27 | 2017-03-15 | 中企动力科技股份有限公司 | 一种创建网页时组件对齐的方法及装置 |
| CN106682191A (zh) * | 2016-12-29 | 2017-05-17 | 重庆南华中天信息技术有限公司 | 一种css资源前端显示方法 |
| CN106648686A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种web前端css资源请求处理装置 |
| CN106649820A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种web服务器 |
| CN106648687A (zh) * | 2016-12-29 | 2017-05-10 | 重庆南华中天信息技术有限公司 | 一种电子设备 |
| CN106682181A (zh) * | 2016-12-29 | 2017-05-17 | 重庆南华中天信息技术有限公司 | 一种web前端css资源请求处理方法 |
| CN106528895A (zh) * | 2016-12-29 | 2017-03-22 | 重庆南华中天信息技术有限公司 | 一种css资源前端显示装置 |
| CN107066496A (zh) * | 2016-12-29 | 2017-08-18 | 重庆南华中天信息技术有限公司 | 一种兼容不同浏览器和终端设备的页面访问方法 |
| CN109960561A (zh) * | 2019-03-29 | 2019-07-02 | 北京金山云网络技术有限公司 | 页面元素的显示方法、装置和电子设备 |
| CN109960561B (zh) * | 2019-03-29 | 2022-04-26 | 北京金山云网络技术有限公司 | 页面元素的显示方法、装置和电子设备 |
| CN113051495A (zh) * | 2019-12-27 | 2021-06-29 | 成都鼎桥通信技术有限公司 | 一种web页面焦点导航方法和装置 |
| CN113051495B (zh) * | 2019-12-27 | 2023-10-20 | 成都鼎桥通信技术有限公司 | 一种web页面焦点导航方法和装置 |
| CN113221046A (zh) * | 2020-01-17 | 2021-08-06 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
| CN113221046B (zh) * | 2020-01-17 | 2023-07-25 | 大唐移动通信设备有限公司 | 一种浏览器表格列的调整方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2016058156A1 (zh) | 2016-04-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104854559A (zh) | 网页表单元素对齐的方法和装置 | |
| CN103593196A (zh) | 页面布局自适应方法及装置 | |
| US9450803B2 (en) | Efficient delivery of content by virtualization of dynamic interaction with the document object model | |
| CN102819451B (zh) | 一种浏览器插件调用方法及系统 | |
| CN103246578B (zh) | 应用软件进行崩溃处理的方法及进行崩溃处理的浏览器 | |
| CN105094759B (zh) | 一种浏览模式切换处理方法及装置 | |
| CN103336690B (zh) | 基于html5的文字元素绘制方法及装置 | |
| CN107943997B (zh) | 一种基于谷歌浏览器的远程网站取证方法、终端设备及存储介质 | |
| US9477762B2 (en) | Search controls using sliders and lightboxes | |
| CN105677654B (zh) | 广告过滤方法及装置 | |
| WO2016011879A1 (zh) | 网页显示方法和装置 | |
| CN105159677A (zh) | 终端用户界面的受控显示方法及装置 | |
| CN104123362A (zh) | 一种面向多终端设备的网页适应性布局方法 | |
| CN107688529A (zh) | 组件调试方法和装置 | |
| CN102662737B (zh) | 扩展程序的调用方法及装置 | |
| CN104123125A (zh) | 网页资源的获取方法及装置 | |
| CN103488508B (zh) | 一种浏览器的工作方法、浏览器及终端设备 | |
| CN103488735B (zh) | 终端浏览器页面刷新显示的方法及终端 | |
| CN107480218B (zh) | 网页显示方法及装置、电子设备、存储介质 | |
| CN105791524B (zh) | 一种调整页面字体的方法及装置 | |
| US9225583B1 (en) | Efficient delivery of content by virtualization of static interaction with the document object model | |
| CN105095289A (zh) | 网页访问方法及装置 | |
| CN105279076B (zh) | 一种网页测试方法及终端 | |
| US20150317143A1 (en) | Method and apparatus for installing webpage application | |
| CN104102485A (zh) | 一种基于Html的模块封装加载方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150819 |
|
| WD01 | Invention patent application deemed withdrawn after publication |