除了div,常见的还有用table布局,这里直接用前面博文的页头页尾,如下面的页面的部分,是个简单的table.该页面样式,如果拖动浏览器,可以看到table和文本框总是居中,但是文本框下方那两个按钮没有设置居中,根据浏览器大小宽度拖动,按钮也会有变化.如果想按钮也随着浏览器变动而有较好的位置,也可以放div或table里进行居中. 如果一个页面设计了居中,中间区块最好都是居中的,虽然一般人浏览器页面都是浏览器最大化,但是由于电脑显示器等不同,或浏览器拖动等,有不居中的元素显示位置就会有差异.…

之前博文:HTML布局排版2如何设置div总是相对于页面居中 中是用div进行排版的,div是切了三条,顶部的图片,下部的图片,中间的平铺条,中间的div不设高度,根据内容,该区域的大小不固定,便于后期增删内容不用再改样式. 前面的博文用div平铺的,此外,用table也能实现这个效果,table需要注意要把td的padding清零,否则td单元格里上下有padding,会出现裂缝.图片高度是按照单元格高度裁剪的,所以主要是上下padding引起的.如图,第一个table排版中td里没有设置pa…

文章列表.博文列表,一般是有文章名字和时间构成的,文章名字后面是时间,点击文章的名字,可进入该文章.为了美观,一般文章名字都有一定的最大字数限制,长宽对齐,等长宽的统一格式比较美观,这种用表格来做比较简单,更新时值需要加表格行就行了. 1.本文的页面效果,网页主体采用了三部分,上部分是标题栏导航栏,中间是内容栏,下边有个网页底部.(三部分,相关博文:HTML布局排版4三部分测试图片页面.)2.导航栏和标题栏布满整个浏览器宽度,宽度自适用,导航栏采用的是点击导航栏上的链接进行跳转的方法,此外,也可…

前面做个几个简单的测试html布局排版的页面,都是在浏览器上查看的,C-LODOP可通过集中打印和广域网AO打印方式,让手机等也可以打印预览和打印. 集中打印的大体方法是通过一台windows电脑作为云主机,然后手机等通过浏览器访问状态windows云主机上的打印机进行打印.广域网AO打印的端桥打印方式,是通过一台windows云主机作为云服务器,然后需要打印的客户端也需要一台windows电脑安装c-lodop并开启端桥,指向那台云服务器,实际打印端是在windows端桥端.由于c-lodop…

王刚韧 23:19:26测试一段代码的运行时间 测试一段代码运行花了多久: NSDate* tmpStartData = [NSDate date] ;<#代码#> double deltaTime = [[NSDate date] timeIntervalSinceDate:tmpStartData]; NSLog(@"------cost time = %f ms(毫秒)", deltaTime*1000);…

一.简介 在QT组件面板中有Layouts和Spacers两个组件面板 注意:布局排版控件不显示 1.Layouts(布局) Vertical Layout:垂直方向布局,组件自动在垂直方向上分布 Horizontal Layout:水平方向布局,组件自动在水平方向上分布 Grid Layout:网格状布局,网格布局大小改变时,每个网格的大小都改变 Form Layout:窗体布局,与网格状布局类似,但是只有最右侧的一列网格会改变大小 (1)ui文件实现 (2)代码实现 2.Spacers(排版…

1.span和div的区别 div是块元素(block),span是行内元素(inline): span什么事也不会做,它存在的目的在与为开发者给它所围绕的元素指定样式.div类似,不过它引入了行分隔(其实实质是同第一点) 块元素是指另起一行开始渲染的元素,行内元素是指不需另起一行渲染的元素 示例代码: <div style="background-color: wheat;">我是不带任何样式的的div,我是块级元素,块级元素独占一行</div> <sp…

观察可发现,一般的HTML页面分为上中下三部分,上边是导航一栏,中间是内容,下方是页面的下部分.注意html里body本身自带8px的上下左右外边距,如图,在qq浏览器和ie里可以看到body本身是8px的margin,在设置大分区的时候,需要把该margin清零,如果有需要,带着也可以,如果不想留这边距,可以设置body的margin为0.本博文介绍两点1:布局前清除body的margin.2:div的float让div在并排在一行里. 布局前如果有需要,清除body自带的margin: bo…

布局样式有前面的三个相关博文介绍: 该页面因为方便以后自己用,所以JS并没有判断输入内容为空或不对的情况.页面本身特点:1.页头的透明图,方便不更换底层渐变的情况下,更换图片2.浏览器宽度改变,中间body的几个div总是居中3.页脚紧跟着主体,内容图片跟着右侧. 为了页面更简洁,样式一般会放在css文件里,该页面的css文件代码: body{margin:0px;font-size:12px;} #body{width:100%;} #bodyleft{background-image:url…

一.以毫秒为单位.long startTime = System.currentTimeMillis(); //获取开始时间 doSomething(); //测试的代码段 long endTime = System.currentTimeMillis(); //获取结束时间 System.out.println("程序运行时间:" + (endTime - startTime) + "ms"); //输出程序运行时间 二.以纳秒为单位. long startTim…