文档章节

居中、固定头尾、

书呆子拍皮球
 书呆子拍皮球
发布于 2016/05/11 15:23
字数 139
阅读 9
收藏 0

1居中设置

 <div class="picad">
        <table height="100%" align="center" valign="middle">
        <tr>
        <td>
        <img src="" />
        </td>
        </tr>
        </table>
 </div>

利用表格使div中的img居中

或者

在css中 

text-align:center;

margin-top来设置

2、固定上下两部分

把 <header>、<footer>、高度定好,main中的overflow属性设为auto ,body  html 高和宽都设为100% ,main中height定位     height:calc(100% - 头高-底高)。

或者 <header><footer> 用position:fixed;那么中间的部分用margin-top 和margin-bottom定好

3、如果使用postion:absolute  那么margin就会失效,因为它脱离文档流了

 

 

 

 

© 著作权归作者所有

书呆子拍皮球
粉丝 2
博文 42
码字总数 5423
作品 0
唐山
私信 提问
一个中年girl的技能遗忘清单——曾今理解的Flex是错误的

20181123技能遗忘清单 flex的用法 rem的计算方式 font发光,字体效果 写给未来的自己,也许几个礼拜,也许几年。 今天突然接到一个任务,做一个专题。那么我肯定用html+css+js写,但是由于我...

cherryvenus
2018/11/23
0
0
CSS 技巧篇(七):设置元素居中

以下将整理关于使用CSS使元素居中的一些方法 案例模版: 一、水平居中 1、使用margin:0 auto配合元素的width 要让居中元素满足两个条件:其一,元素需要有一个固定宽度值;其二元素的margin-...

Madman0621
02/26
0
0
面包屑 CSS(合并小图标,减少链接请求数量)

关于css实现面包屑已经是一个典型例子了。不过今天还是与大家分享一下实现的原理。 原理:每一段元素固定宽度并向左浮动,头尾突出部分相对父元素用相对定位固定位置,默认为同一颜色,高亮设...

rin9958
2016/06/26
37
0
html5 图片与文字中间对齐处于同一行、或者图片与按钮处于同一行

在日常开发中,经常会使用到图片与文字或图片与按钮对齐。 1.图片与按钮 处于同一行,并居中对齐,长使用的方法如下: <div> <img src="" style="vertical-align:middle"/> <button type="bu......

突然很想飞
2015/12/08
5.5K
0
CSS制作水平垂直居中对齐各种方法总结

标签: 杂谈 分类: 网页前端 方法一: 这种方法用来实现单行垂直居中是相当的简单的,你只要保证元素内容是单行,并且其高度是固定不变的,你只要将其“line-height”设置成和“height”值一...

未央花开
2014/04/01
49
0

没有更多内容

加载失败,请刷新页面

加载更多

Kafka再平衡机制详解

所谓的再平衡,指的是在kafka consumer所订阅的topic发生变化时发生的一种分区重分配机制。一般有三种情况会触发再平衡: consumer group中的新增或删除某个consumer,导致其所消费的分区需要...

爱宝贝丶
2分钟前
0
0
element 验证 请输入大于0的整数

data() { var validatePass = (rule, value, callback) => { // if (value <= 0) { // callback(new Error('请输入大于0的整数')); // } else { // c......

沉迷代码我爱学习
13分钟前
0
0
报表工具花钱or开源?我对比了这6个工具

近一年都在处理报表问题,调研了不少报表工具,也开发了适合公司业务的报表应用。分享一些关于如何选择报表工具的个人观点,希望对你有参考作用。 对于大部分企业来说,能花时间和人力去开发...

帆软
13分钟前
0
0
自建redis笔记--Redis cluster搭建

Redis cluster搭建 2018年十月 Redis 发布了稳定版本的 5.0 版本,推出了各种新特性,其中一点是放弃 Ruby的集群方式,改为 使用 C语言编写的 redis-cli的方式,是集群的构建方式复杂度大大降...

北极之北
14分钟前
0
0
分享一个在caffe中实现的yolo层

这是别人实现的,是我移植到cc的cpu实现,可以实现caffe中使用yolo3,但是我感觉实际效果不如darknet 好点 template <typename Dtype>inline Dtype sigmoid(Dtype x){return 1. / (1. ...

开飞色
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部