什么叫做布局? 又称为版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。 题目:假设高度已知,请写出三栏布局,其中左栏和右栏宽度各为300px,中间自适应 1、浮动布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <tit ...
分类:
Web程序 时间:
2017-12-30 00:22:31
阅读次数:
292
一、子元素都是浮动元素时,父元素最好是不用设置高度,防止子元素不设置高度溢出父元素 有时候会有零点几的误差高度 直接设置子元素高度即可 通过 clear: both;清除子元素浮动达到父元素自适应高度 二、vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元 ...
分类:
Web程序 时间:
2017-12-28 19:48:06
阅读次数:
153
在html页面只需导入以下3个文件就ok,很方便了。在ext加载后调用了一个静态方法。 看看布局,Border Layout这种布局。作为整体的布局使用。 效果如图: 接下来换一个类来创建Ext.container.Viewport ,效果就更灵活了。 可以自适应布局。在换种写法: ...
分类:
其他好文 时间:
2017-12-27 15:38:21
阅读次数:
109
关于ireport的表单制作,可参考http://blog.csdn.net/wlwlwlwl015/article/details/51312853 这里主要讲解下如何在表单中加入table,如何让多个table之间根据记录多少自适应高度。 在ireport的控制面板中找到table,拖拽至det ...
分类:
其他好文 时间:
2017-12-27 14:13:54
阅读次数:
181
需求: 图片的宽高是不固定的,但是外部盒子是有固定大小的。 图片的宽度和盒子保持一致,并且是水平居中显示,即两边是裁剪的 图片的高度是由盒子宽度控制的,等比例缩放,多余的被裁减掉 原图: 代码: 效果: 第一种是底部对齐,裁剪顶部 第二种是顶部对齐,裁剪底部 第三种是在固定容器内等比例显示图片 ...
分类:
Web程序 时间:
2017-12-25 18:21:24
阅读次数:
384
老师的笔记: 前情回顾: day49 混乱即阶梯. 1. 前情回顾 HTML HTTP和HTML 文档机构 <!Doctype html> HTML head <meta> <title> <link> icon <style> 直接写CSS样式 <link> CSS文件 <script> JS文件 ...
分类:
Web程序 时间:
2017-12-25 15:38:27
阅读次数:
200
rem自适应布局小结001 在最近的移动端布局当中,最炙手可热的方式便是使用rem进行元素的布局。以下便是从最近的文章中所总结出来的一点东西。 首先,我们必须有以下的疑问: rem的本质是什么? rem如何实现自适应布局? 如何根据设计稿来调整rem的值? rem布局是能纯CSS还是必须JS进行辅助 ...
分类:
其他好文 时间:
2017-12-24 22:59:51
阅读次数:
321
1、对折叠面板区域 div 设置 class=”easyui-accordion” 2、在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性)。 3、设置面板属性 fit 为 true,自适应父容器大小 ...
分类:
Web程序 时间:
2017-12-24 21:27:56
阅读次数:
343
1、 对选项卡面板区域 div 设置 class=”easyui-tabs” 2、 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) 3、 设置面板 fit 为 true ,自适应父容器大小 4、 设置选项卡 closable 为 true ,添加可关闭 ...
分类:
Web程序 时间:
2017-12-24 21:23:26
阅读次数:
252