PrimeFaces布局技巧

简介: 布局组件Layout是一个高度可定制的边框布局模型,它可以很轻松地创建复杂的网页布局,即使不懂Web设计。 一、布局组件Layout的属性 布局组件Layout的属性: 二、边框组件布局模型 如下图所示,边框组件布局默认把页面分成5个部分,分别是:顶部north、中左west、中中center、中右east、底部south。
布局组件Layout是一个高度可定制的边框布局模型,它可以很轻松地创建复杂的网页布局,即使不懂Web设计。

一、布局组件Layout的属性

布局组件Layout的属性:


二、边框组件布局模型

如下图所示,边框组件布局默认把页面分成5个部分,分别是:顶部north、中左west、中中center、中右east、底部south。



边框组件布局

布局有两种模式,一种是整页布局,另一种是区域布局。整页布局会占满整个页面,区域布局则只在页面的某个区域进行布局。默认是区域布局。
目录
相关文章
|
5月前
布局
​ 可选值: ​ visible. 默认值 子元素会从父元素中溢出,在父元素外部的位置显示 ​ hidden 溢出的内容将会被裁剪不会显示 (一剪没) ​ scroll 滚 ,生成两个滚动条,通过滚动条来查看完整的内容 ​ auto 根据我们需要生成滚动条 ​ overflow-x:单独处理水平的 ​ overflow-y: 单独处理垂直的
|
10月前
|
安全 容器
由圣杯布局引发的思考
今天在MDN看到块格式化上下文有点不以为然,关键是它写的高深莫测,读不懂... 于是下午想试试圣杯布局的时候,终究还是逃不过它。🤣 这里不介绍圣杯布局的历史,这样的文章网上不知道多少篇,我来写写千篇一律中的亮点吧,哈哈。
48 0
|
11月前
|
Web App开发 设计模式 前端开发
DIV+CSS布局总结
DIV+CSS布局总结
|
前端开发 容器
从0开始学习FlexBox布局
之前研究过一篇《移动端适配总结》,里面主要通过布局不变,改变布局组件元素的大小去适应移动端。但是这种方式对于PC端或者Pad等大屏幕并不适合,所以从想找找看是否有新的方案能否满足跨端自适应布局方式。
100 0
|
编解码 前端开发 Android开发
移动布局基础(流式布局)
移动布局基础(流式布局)
123 0
|
前端开发
Flex 布局与传统布局的比较
在前端开发中,页面的布局是一个非常关键的问题。传统的布局方式,如使用浮动和定位来实现布局,虽然可以实现一定的布局效果,但是代码量较多,可维护性较差,难以实现复杂的布局需求。
196 0
|
Web App开发 C++ 容器
Flexbox布局的正确使用姿势
Flexbox布局的正确使用姿势
137 0
|
容器
盒式布局
盒式布局
240 0
盒式布局
|
容器
BorderLayout布局
BorderLayout布局
164 0
BorderLayout布局