常用居中方法记录

1.相对定位

(1)在父元素中使用text-align:center;

(2)使用margin:auto;

2.绝对定位

(1)通过设置left,top偏移量和负边距实现居中

   width:[width]; height:[height];

    position:absolute;

    left:50% top:50px;

    margin-left:-[width];

    margin-top:-[height];

(2)通过偏移和css位移实现(css3版)

  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);

(3)通过设置四个偏移量和外边距自动实现居中(水平+垂直)

  width:[width]; height:[height];

  position: absolute;

  left: 0; top: 0; right: 0; bottom: 0;
  margin: auto;

时间: 2024-10-27 05:09:56

常用居中方法记录的相关文章

CSS 样式:常用居中方法

下面是一些常用的能实现居中的方法 水平居中: 1.左右margin为auto.(常规流块盒.弹性盒子不用定宽): 2.弹性盒子设置justify-content:center:让弹性项目在主轴上居中: 3.父元素设置text-align:center:让其内部的文本居中: 4.相对定位元素,margin-left:50%:transform:translateX(50%): 垂直居中: 1.单行文本垂直居中,设置父元素line-height为包含块高度: 2.弹性盒设置align-items:c

列表常用的方法

names = "my \tname is {name} ,my year is {year}"print(names.count("a"))#查看又多少个“a”print(names.capitalize())#第一个字母大写print(names.center(50,"#"))#names 居中,打印50个字节,不过的用#代替print(names.endswith("ao")) #判断以什么结尾print(names.e

数据挖掘之七种常用的方法

数据挖掘又称数据库中的知识发现,是目前人工智能和数据库领域研究的热点问题,所谓数据挖掘是指从数据库的大量数据中揭示出隐含的.先前未知的并有潜在价值的信息的非平凡过程 利用数据挖掘进行数据分... 数据挖掘又称数据库中的知识发现,是目前人工智能和数据库领域研究的热点问题,所谓数据挖掘是指从数据库的大量数据中揭示出隐含的.先前未知的并有潜在价值的信息的非平凡过程 利用数据挖掘进行数据分析常用的方法主要有分类.回归分析.聚类.关联规则.特征.变化和偏差分析.Web页挖掘等, 它们分别从不同的角度对数据

ETL流程概述及常用实现方法

http://blog.csdn.net/btkuangxp/article/details/48224187 目录(?)[-] 1抽取作业 1手工开发抽取作业时候的常用方法 11当数据源和DW为同一类数据库时 12当数据源和ODS为不同类型数据库时 2更新数据的时间和数量的问题 21实时抽取数据 22批量抽取数据 221常用实现 222根据下载时候对数据的筛选方式可以分为 2转换作业 1数据清洗 2数据转换 3加载作业 4流程控制 5常用商业ETL工具 ETL是英文Extract-Transf

SQLite的常用的方法

在Android开发中SQLite起着很重要的作用,网上SQLite的教程有很多很多,不过那些教程大多数都讲得不是很全面.本人总结了一些SQLite的常用的方法,借着论坛的大赛,跟大家分享分享的. 一.SQLite的介绍 1.SQLite简介 SQLite是一款轻型的数据库,是遵守ACID的关联式数据库管理系统,它的设计目标是嵌入  式的,而且目前已经在很多嵌入式产品中使用了它,它占用资源非常的低,在嵌入式设备中,可能只需要几百K的内存就够了.它能够支持 Windows/Linux/Unix等等

[转载]Android开发常用调试技术记录

ANDROID 调试技术: 1)Ps 指令 ls –l /proc/27/ cat /proc/27/cmdline       #cmdline文件表示了这个进程所在的命令行. cat /proc/27/status      #status 文件表明了获知这个进程的相关信息. #stat包含更多信息,但较难读. cat /proc/27/task      #task 文件表明了进程信息. 2)vmstat 查看虚拟内存统计信息 3)top 统计CPU的消耗情况 4)dumpstat  du

Java中关于 ArrayList 和 Map 的常用遍历方法 (学习笔记,便于以后查询)

一.学习ArrayList与Map时,关于常用遍历方法的记录如下:  二.附源码如下: package com.study.in.myself; import java.util.ArrayList;import java.util.HashMap;import java.util.Iterator;import java.util.List;import java.util.Map; public class Study16 { public static void main (String

Python学习之==>常用字符串方法

# 常用字符串方法 a = '\n 字 符 串 \n\n'c = a.strip() #默认去掉字符串两边的空格和换行符c = a.lstrip() #默认去掉字符串左边的空格和换行符c = a.rstrip() #默认去掉字符串右边的空格和换行符 words1 = 'day is a wonderful day'words2 = 'http://baidu.COM'print(words1.strip('day')) #如果strip方法指定一个值的话,那么会在字符串两边去掉这个值print(

常用js方法封装

常用js方法封装 var myJs = { /* * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ getDates: function(dt) { var str = ""; //存储时间的字符串 //获取年 var year = dt.getFullYear(); //获取月 var month = dt.getMonth() + 1; //获取日 var day = dt.getDate(); //获取小时