当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

Web layout

Web 页面布局
授权协议 GPL
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 国产
投 递 者 卫学真
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

页面布局种类有很多,但万变不离其宗,归纳总结出11中布局方式。


用经典的三栏形式布局举例:

  • 固定 - 固定 - 自适应;

  • 固定 -自适应 - 固定 ;

  • 固定 -自适应 - 自适应;

  • 自适应 - 自适应 - 固定;

  • ....;

兼容浏览器:

  • IE6+

  • Chrome

  • Firefox

  • Opera

  • Safari

常见的Web页面布局分类汇总,欢迎补充!

  • 布局种类: 页面布局的几种方式(静态化布局、流式布局、自适应布局、响应式布局、弹性布局) 使用建议: 1.如果只做pc端,那么静态布局(定宽度)是最好的选择; 2.如果做移动端,且设计对高度和元素间距要求不高,那么弹性布局(rem+js)是最好的选择,一份css+一份js调节font-size搞定; 3.如果pc,移动要兼容,而且要求很高那么响应式布局还是最好的选择,前提是设计根据不同的高宽做不同

  • Layout布局基础 1.文档流 文档流(normal flow) 网页是一个多层结构,一层压一层,通过CSS可以为每一层设置样式,作为用户只能看到最顶上的一层 这些层中最底下的一层称为文档流,是网页的基础,我们所创建的元素默认都是在文档流中进行排列 对于我们来说元素主要有两个状态:在文档流中 不在文档流中,脱离文档流 元素在文档流中的特点 块元素

  • 在Tools中,打开Edit Web Layout 错误,无法正确显示,最后发现时tool下的cfg配置错误   X:\Siebel\8.1\Tools_1\BIN\ENU\tools.cfg  Line 29: WebClientSiteDir         = F:\Siebel\8.1\Tools_1\public\enu //路径错误

  • 研究webdynpro是发现layout不能显示, 开始以为是服务器系统配置有问题,后来发现不是,方法如下 1.找到layout 的web地址 ( 右击layout画面 ,属性  获取地址)        http://erpaaaa.com:8000/sap/.........,   copy中间的erpaaaa.com   2.更改hosts文件      路径C:/WINDOWS/syste

  • react umi当中layout布局切换:登录页、登录之后的布局 1.切换layout布局 2.记录从哪个页面跳转到登录页面的,登录之后返回(不使用localStorage) 3.Cookie等信息记录登录状态(登录失效,跳到登录页面) 核心观点是:将是否登录的状态划分为2种布局 布局1:非登录状态,直接进入登录页面 布局

  • 表格(table)布局 将整个页面作为一个表格进行处理,通过设置单元格的大小来实现布局 优点:简单、兼容性好 缺点:灵活性差,占用资源多,页面渲染慢,搜索引擎抓取信息不方便 考虑到这样的缺点,table布局基本已被淘汰 浮动(float)布局 通过float属性,将元素设置为浮动元素,进行排列布局 优点:简单、兼容性好 缺点:会出现占位问题,脱离文档流,有时会造成父容器高度塌陷 目前仍有很多网页采

 相关资料
  • 页面由组件构成,页面的高度和宽度由组件的高度和宽度确定,当页面的高度大于屏幕的高度,或者页面的宽度大于屏幕的宽度,页面就会出现滚动条。 页面指的是w文件 屏幕指的是门户中用于显示功能界面的区域 目录 1、流式布局 2、充满布局 2.1、左右充满 2.2、上下充满 2.3、多标签页充满 3、响应式布局 4、手机界面布局 4.1、显示多页 4.2、显示多行信息(一行显示一条记录) 4.3、显示多行信息

  • 页面由组件构成,页面的高度和宽度由组件的高度和宽度确定,当页面的高度大于屏幕的高度,或者页面的宽度大于屏幕的宽度,页面就会出现滚动条。 页面指的是w文件 屏幕指的是门户中用于显示功能界面的区域 目录 1、流式布局 2、充满布局 2.1、左右充满 2.2、上下充满 2.3、多标签页充满 3、响应式布局 4、手机界面布局 4.1、显示多页 4.2、显示多行信息(一行显示一条记录) 4.3、显示多行信息

  • 前端面试(前言) 面试基础 页面布局 CSS盒模型:是CSS的基石。 DOM事件 HTTP协议 面向对象 原型链:能说出原型链的始末 面试进阶 通信:普通的通信、跨域通信 安全:CSRF、XSS。 算法 回答问题时要注意的 (1)题干的要求真的是字面要求的这么简单吗? (2)答案怎么写,技巧在哪里 (3)如果想证明我的实力,应该有几种答案? 本文来讲一下页面布局。 题目:页面布局 问题:假设高度默

  • 我正在制作一个自定义WordPress主题,其中我需要两种类型的页面。 一个索引页面,包含所有最近帖子的摘录。这个作品。(概述后页) 当你点击一个帖子的页面,显示帖子的全部内容。 现在,索引页面工作正常,并显示所有最近的帖子。但是当我点击一篇文章时,我会带着那篇文章进入索引页面模板。相反,我想转到另一个显示完整文章的页面模板。 我一直在尝试许多事情,寻找解决方案,但运气不好。我希望有人能帮助我。

  • WeX5自带页面服务UIServer的是标准Web应用,可以部署在Java Web应用服务器上。下面介绍如何在Tomcat和WebLogic中部署WeX5的UIServer. 目录 1、调试模式和生产模式 2、使用WeX5的Tomcat 3、使用自己部署的Tomcat 3.1、设置JAVA_HOME 3.2、设置JUSTEP_HOME 3.3、在Tomcat中部署UIServer 3.4、跳转到门

  • WeX5自带页面服务UIServer的是标准Web应用,可以部署在Java Web应用服务器上。下面介绍如何在Tomcat和WebLogic中部署WeX5的UIServer. 目录 1、调试模式和生产模式 2、使用WeX5的Tomcat 3、使用自己部署的Tomcat 3.1、设置JAVA_HOME 3.2、设置JUSTEP_HOME 3.3、在Tomcat中部署UIServer 3.4、跳转到门

  • 页面布局代码如下,第一次打开页面Column里三个组件是紧挨着的,零点几秒后才MainAxisAlignment.spaceBetween分开,时间虽然不是很久但是肉眼还是可见的有点延迟,请问是因为什么原因?

  • 问题内容: 我正在将React Router添加到现有项目中。 目前,模型被传递到根组件中,该根组件包含用于子导航的导航组件和主组件。 我发现的React Router的示例只有一个子组件,在不重复两个子组件的情况下更改两个子组件的最佳方法是什么? 问题答案: 如果我正确理解您的要求,则可以在中定义多个组件。您可以像这样使用它: 另外,请查看 侧边栏 示例应用程序,它应该对您有更多帮助。 编辑: