zoukankan      html  css  js  c++  java
  • 制作百分比页面的一些的

    纯百分比页面 想要让元素居中的方法以下一些:

    1 给居中元素设置一个小于百分百的宽度,然后 设置margin:0 auto;

    2给居中元素的父元素设置一个position:relative; 再给子元素使用position:absolute;减去想要定位的子元素容器的一半宽度。

    3给居中元素的父元素设置一个position:relative; 再给子元素使用绝对定位 position:absolute; left:0 ;right:0;top:0;bottom:0;margin:auto;垂直居中。

    4给居中元素设置一个外边距;这个外边距的取值应该是父元素宽度减去子元素的宽度的一半。

    5给居中元素设置一个内边距;这个内边距padding的取值应该是父元素的宽度减去子元素宽度的一半。

    注:类似于有宽度的写法 只不过是用了百分比去计算。 再使用绝对定位,固定定位的时候 元素是脱离文档流的,所以在设置宽度和高度的时候我们应该考虑的是整个body的宽度的百分比和高度的百分比。

  • 相关阅读:
    js获取粘贴内容
    axios导出 exer
    Mac + IDEA + JRebel破解方法.
    富有魅力的git stash
    java web 下实现文件下载
    java23中设计模式
    高并发量网站解决方案
    Linux下拆分大文件
    Linux下jvm、tomcat、mysql、log4j优化配置
    cas单点登出
  • 原文地址:https://www.cnblogs.com/l8l8/p/8548469.html
Copyright © 2011-2022 走看看