【HTML布局排版2如何设置div总是相对于页面居中】的更多相关文章

HTML布局排版2如何设置div总是相对于页面居中

由于浏览器页面有大有小,为了适应浏览器宽度,可以让div总是对于浏览器居中,设置div左右两边的margin为auto可以实现这个效果.如图,第一个是默认div,无上下左右外边距,第二个是设置了margin为auto的,拖动浏览器,改变浏览器大小,可以看到第二个div总是相对于浏览器居中.测试代码: <body> <div id="body"> <div id="bodyleft" style="background-imag…

HTML用table布局排版 padding清零

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

HTML布局排版之制作个人网站的文章列表

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

HTML布局排版手机上浏览的网页

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

如何设置div的宽度为100%-xx px？

如何设置div的宽度为100%-xx px? 参见如下帖子:http://stackoverflow.com/questions/15183069/div-width-100-10px-relative-to-parent width: calc(100% - 13px);如下设置样式即可…

如何设置DIV水平、垂直居中

一.水平居中 需要设置两点: 1  设置DIV 的width属性即宽度. 2  设置div的margin-left和margin-right属性即可 代码: <div style="width:800px; margin-left:auto; margin-right:auto; color:White; height:400px">DIV居中</div> 二.DIV垂直居中 同样的道理,需要设置两点: 1  设置DIV 的height属性即宽度. 2  设置d…

jquery设置div,文本框 表单的值示例

我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 1.html()方法 该方法类似于js当中的innerHTML属性 $("#two").html()方法 获取html $("#two").html("<span>你好!</span>") 2.text() 类似于JS中的inn…

设置DIV隐藏与显示，表格滑动条

问题描述:         现在希望使用JS设置DIV块的显示与隐藏,当某一个事件触发是,自动显示DIV块,显示表格数据,但是要求表格显示滑动条 问题解决:   (1)DIV块的隐藏与显示 如上所示,设置DIV块的宽度.高度,设置DIV块overflow超出宽度或者高度时自动显示滑动条,display=none设置DIV块隐藏         (2)设置表格滑动条 设置表格滑动条,这里是直接设置DIV块的大小,将表格放置在DIV块处,当表格长度超出了DIV块的宽度或者长度是自动显示滑动条....…

个人经验 - Android的RelativeLayout布局的layout_height属性设置为wrap_content时的坑

Android的RelativeLayout布局的layout_height属性设置为wrap_content时的坑: 此坑出现的条件: 1.RelativeLayout布局的layout_height属性设置为wrap_content 2.某“居中View”设置为layout_centerX(layout_centerVertical.layout_centerHorizontal.layout_centerInParent) 3.其它View相对于“居中View”做布局 此时坑出现了: 无论…

设置Div多行文本超出时，以省略号代替

这个文章不错 http://www.css88.com/archives/5206 css中有一个属性: text-overflow,可以设置文本超出指定长度后的文本截取样式. 下面是从 w3shcool截的图: 但是 text-overflow 有一个缺陷,它只能对单行文本起效果,如果是多行文本就不好使了. 如果想对多行文本也实现以省略号代替超出部分的话,可以使用下面方法(貌似局限于webkit内核): max-height:100px; /*首先设置div高度*/ overflow:hidd…