李三思
李三思

css 垂直水平居中总结

一、前言：

 垂直居中有很多方式，我们要做的不是写出完美代码，而是在合适的情况下根据需求选择合适方式。

主要方式：

  1. line-height
  2. 绝对定位
  3. 表格 display：table-cell

主要需求：

  1. 固定宽高
  2. 不固定宽高

主要兼容：

  1. ie8+  主流浏览器
  2. ie6,7

二、行高

1. 利用行高与高度相同，实现单行文本居中

缺点：只能是单行文本

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <style type="text/css">
 6     .d1{width: 200px;height: 200px;background-color: blue;line-height: 200px;}
 7     </style>
 8 </head>
 9 <body>
10 <div class="d1">
11     fdsfdsfdsfdfsfds
12 </div>
13 </body>
14 </html>
View Code

效果预览

2.利用inline-block改进（推荐）

改变display属性，就可以是块元素了，vertical-align: middle;设置垂直属性

优点：自适应内容

兼容：>=ie8 + 主流

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <style type="text/css">
 7     .div1{
 8         width: 500px;height: 500px;
 9         background-color: blue;
10         text-align: center;
11         line-height: 500px;
12     }
13     .div2{
14         display: inline-block;
15         vertical-align: middle;
16         width: 200px;
17         height: 200px;
18         background-color: red;
19         /*通过 line-hight 来垂直居中  此法>= ie8*/
20     }
21 </style>
22 <body>
23     <div class="div1">
24         <div class="div2">
25 
26         </div>
27     </div>
28 </body>
29 </html>
View Code

效果预览

 

三、绝对定位

1.负margin

top，left 50%；margin -50%；

缺点：需固定宽高

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <style type="text/css">
 7     .div1{
 8         width: 500px;height: 500px;
 9         background-color: blue;
10         position: relative;
11     }
12     .div2{
13         position: absolute;
14         width: 200px;
15         height: 200px;
16         background-color: red;
17         top: 50%;
18         left: 50%;
19         margin-left: -100px;   /*此处为width的一半，所以应用此法，元素必须固定宽、高*/
20         margin-top: -100px;
21 
22     }
23 </style>
24 <body>
25     <div class="div1">
26         <div class="div2">
27             fdsfsdffdf
28             fdsfdsfsdff
29         </div>
30     </div>
31 </body>
32 </html>
View Code

效果预览

2.css3 translate

我们希望实现不固定宽高，在上法上改进。可以用js，动态添加宽高，但不推荐。其实可以用css3 translate属性，因为translate是唯一一个相对于自身宽度计算的属性

兼容：>=ie9 + 主流

优点：自适应内容

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <style type="text/css">
 7     .div1{
 8         width: 500px;height: 500px;
 9         background-color: blue;
10         position: relative;
11     }
12     .div2{
13         position: absolute;
14         background-color: red;
15         top: 50%;
16         left: 50%;
17         transform:translate(-50%,-50%); 
18         /*应用css3 translate属性是相对于自身的，此法>=ie9，且宽高自适应*/
19     }
20 </style>
21 <body>
22     <div class="div1">
23         <div class="div2">
24             fdsfsdffdf
25             fdsfdsfsdff
26         </div>
27     </div>
28 </body>
29 </html>
View Code

效果预览

3.绝对定位 + 相对定位（推荐）

思想与上面的方式是一样，只是这是基于ie6,7的bug，相对定位位移父元素的50%

缺点：多添加一个容器标签

优点：自适应内容

兼容：ie6,7

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <style type="text/css">
 6         .middle-demo-4{
 7         background-color: blue;
 8         height: 300px;
 9         width: 300px;
10         position: relative;
11         }
12         .middle-demo-4 div{
13         position: absolute;
14         top: 50%;
15         left: 50%;
16         }
17         .middle-demo-4 div div{
18             height: 200px;
19             background-color: red;
20         position: relative;
21         top: -50%;
22         left: -50%;
23         }/*ie6 ie7*/
24     </style>
25 </head>
26 <body>
27 <div class="middle-demo-4">
28     <div>
29         <div>dsfdsfdsfdsfdsfdsfdsf</div>
30     </div>
31 </div>
32 
33 </body>
34 </html>
View Code

4.margin：auto

绝对定位下，固定宽高，top：0，bottom：0，会自适应内容，多余部分会用margin填充

缺点：固定宽高

兼容：>=ie8

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <style type="text/css">
 7     .div1{
 8         width: 500px;height: 500px;
 9         background-color: blue;
10         position: relative;
11     }
12     .div2{
13         margin: auto;
14         position: absolute;
15         background-color: red;
16         width: 200px;
17         height: 200px;
18         left: 0;
19         right: 0;
20         top: 0;
21         bottom: 0;
22 
23     }
24 </style>
25 <body>
26     <div class="div1">
27         <div class="div2">
28             fdsfsdffdf
29             fdsfdsfsdff
30         </div>
31     </div>
32 </body>
33 </html>
View Code

结果预览

 

四、表格

 1.table-cell（推荐）

单元格可以设置垂直属性 vertical-align: middle;

优点：自适应内容

兼容：>=ie8 +主流

缺点：子元素为浮动、绝对定位无效（注意）

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <style type="text/css">
 7     .div1{
 8         width: 500px;height: 500px;
 9         background-color: blue;
10         display: table-cell;
11         vertical-align: middle;
12         text-align: center;
13     }
14     .div2{
15     /*float: left;position: absolute; 子元素为浮动、绝对定位无效
16         此法>=ie8
17     */}
18 </style>
19 <body>
20     <div class="div1">
21         <div class="div2">
22             fdsfsdffdf
23             fdsfdsfsdff
24         </div>
25     </div>
26 </body>
27 </html>
View Code

结果预览

 

五、总结

 

根据兼容性和自适应内容来考虑         表格/行高法 + 相对定位法

如果固定宽高                                 负margin法

你可能感兴趣的:(css 垂直水平居中总结)

  • Webpack 5 核心机制详解与打包性能优化实践
    作者简介：水煮白菜王，一个web开发工程师文章专栏：前端专栏，记录一下平时在博客写作中，总结出的一些开发技巧和知识归纳总结✍。感谢支持目录Webpack5相较于Webpack4的主要改进安装生命周期CompilerHooksusehookswebpack中的loader（转换器）工作原理常用loader自定义loaderwebpack中的plugins（插件）工作原理自定义plugins打包过程加
  • 自动驾驶系列—加速自动驾驶系统开发：多型号SoC快速适配的最佳实践 学步_技术 自动驾驶自动驾驶人工智能机器学习SoC适配
    欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中一起航行，共同成长，探索技术的无限可能。探索专栏：学步_技术的首页——持续学习，不断进步，让学习成为我们共同的习惯，让总结成为我们前进的动力。技术导航：人工智能：深入探讨人工智能领域核心技术。自动驾驶：分享自动
  • 深入理解浏览器重排（Reflow）与重绘（Repaint）及性能优化策略 じ☆ve 清风° 前端面试性能优化
    引言在现代Web开发中，性能优化是一个永恒的话题。理解浏览器的渲染机制，特别是重排（Reflow）和重绘（Repaint）过程，对于构建高性能的Web应用至关重要。本文将深入探讨这两个概念，分析它们对性能的影响，并提供一系列实用的优化策略。一、浏览器渲染流程概述在深入重排和重绘之前，我们需要了解浏览器如何将HTML、CSS和JavaScript转换为用户可见的像素：解析HTML：构建DOM树解析C
  • 编程实现三角形面积计算 青衫-郁郁寡欢 java算法开发语言
    一、引入原理背景三角形的种类有三种，等腰三角形，直角三角形，和其他三角形。在使用程序实现计算其面积时，根据熟知的三角形的面积公式：a就是高线h垂直的边，面积为底边乘以高再乘以1/2。而在编程中我们难以选择出作为底边的边。在此之前更需判断接受的三条边的数据是否满足两边之和大于第三边，才能构成三角形。二、编程实现实现过程并不麻烦，我们在判断三条边的数据正确之后，选择海伦公式来进行计算。这里的q就是三角
  • Web爬虫编程语言选择指南 q56731523 前端爬虫开发语言
    刚学爬虫的小伙伴常常为选择那种语言来写爬虫而烦恼，今天我将总结几种语言的优劣势，然后选择适合编写Web爬虫的编程语言。这就需要我们考虑开发效率、生态库支持、并发性能等因素。以下是主流选择及特点跟着一起看看吧：1.Python（推荐首选）优势：丰富库支持：Requests（HTTP请求）、BeautifulSoup/lxml（HTML解析）、Scrapy（全功能框架）、Selenium（模拟浏览器）
  • Java IO流知识点总结 Zonda要好好学习 javaSEjava开发语言
    文章目录IO流的定义作用主要应用场景IO流的分类按照流的方向分类按照读取数据方式不同分类重要IO流讲解IO包重点掌握的16中IO包FileInputStream文件拷贝FileReader的使用FileWriter的使用带有缓冲区的字符流BufferedReader节点流和包装流带有缓冲区的字符输出流数据流DataOutputStream和DataInputStream标准输出流日志工具类的封装F
  • React中理念梳理 gzzeason react.jsjavascript前端
    文章总结来自：React官方文档和React设计原理（作者：卡怂）一、UI=f(state)在现代前端库中，公式UI=f(state)囊括了大部分实现原理，意思是框架内部运行机制根据当前状态渲染视图，其中：UI：宿主环境的视图f：框架内部运行机制state：当前视图状态React原理也依据上述公式。React开发团队认为，UI与逻辑存在耦合的部分，这个耦合部分就是组件，开发者可以：在UI上绑定事件
  • 【Linux】电脑安装 Ubuntu 系统
    如何安装Linux(Ubuntu)系统文章目录前言一、Ubuntu桌面镜像二、安装步骤1.下载iso镜像2.基于balenaEtcher写入镜像文件3.U盘启动安装总结前言多数情况下，我们通过虚拟机，如Vmware安装linux系统，但有时候为了更好的分配电脑的CPU或GPU性能，我们需要将电脑直接刷成linux系统。本篇介绍如何安装Ubuntu系统。一、Ubuntu桌面镜像Linux系统多数情况
  • 数据分析的智能化变革：AI人工智能 AI大模型应用工坊 数据分析人工智能数据挖掘ai
    数据分析的智能化变革：AI人工智能关键词：数据分析、智能化变革、AI人工智能、机器学习、深度学习摘要：本文深入探讨了数据分析领域借助AI人工智能实现的智能化变革。详细阐述了相关核心概念、算法原理、数学模型，通过具体的项目实战展示了AI在数据分析中的应用，介绍了实际应用场景以及可利用的工具和资源。同时对数据分析智能化变革的未来发展趋势与挑战进行了总结，并解答了常见问题，为读者全面了解这一变革提供了丰
  • Word转LaTeX排版6大技巧 加油吧zkf 目标跟踪计算机视觉目标检测机器学习人工智能python
    Word内容快速排版到TeX格式的技巧分享（含多种实用方法）在科研论文、技术报告或毕业论文写作中，很多同学喜欢先用Word写初稿，再迁移到LaTeX（.tex文件）进行排版。但迁移过程中常常遇到这些麻烦：Word中的公式复制过去乱码或无法编译排版格式对不上期刊/会议模板自己新写的tex文件总是出错，编译困难今天分享我在实际论文写作中总结出的几条小技巧，帮大家快速把Word内容排到LaTeX，而且能
  • python中的分支结构 资深码农——牛马 python开发语言
    目录1.顺序结构、选择结构2.单分支、双分支和多分支2.1单分支（只有if）2.2双分支（if-else）2.3多分支（if-elif-else）3.分支嵌套4.pass关键字5.总结1.顺序结构、选择结构顺序结构是程序默认的执行流程，代码会按照书写的先后顺序，从上至下依次执行。选择结构（也被称作分支结构）则能够依据条件判断的结果，来决定执行哪一段代码。在Python里，实现选择结构主要依靠if、
  • Vue与React区别分析 ╰つ゛木槿 vue3web前端vue.jsreact.js前端
    目录一、设计哲学与框架定位1.1核心定位差异1.2哲学差异对比二、核心机制深度对比2.1响应式数据管理2.2模板与渲染引擎三、组件化开发范式对比3.1组件结构设计3.2逻辑复用模式3.3通信机制差异四、生态系统与工具链4.1核心生态对比4.2开发工具对比五、性能优化策略5.1Vue优化方向5.2React优化方向六、共同点与差异总结6.1共同基础6.2核心差异矩阵七、选型建议与未来趋势7.1适用场
  • 力扣刷题第一天
    C语言刷力扣题名C语言刷力扣一.无重复字符的最长子串二滑动窗口1.滑动窗口的核心思想有以下几点2.使用双指针进行窗口的维护left和right3.当出现重复时，需要找到一个出现重复的位置4.当出现重复时，修改对应left下标让我们直接看代码总结一.无重复字符的最长子串二滑动窗口1.滑动窗口的核心思想有以下几点2.使用双指针进行窗口的维护left和right3.当出现重复时，需要找到一个出现重复的位
  • leetcode动态规划—子序列系列
    刷完之后，写的总结经验1、首先是子序列问题、子串问题、子数组问题，一定要搞清楚dp数组里是否是严格结尾2、其次是dp数组的定义，可以为了方便初始化而特殊处理定义一下lc300最长递增子序列初始化为1而非0，因为最长递增子序列最短为1无需连续，则可以从前面任意字串尾部续上，需要遍历以【0】-【i-1】为结尾的字串最后输出的是dp[0]~dp[n-1]中的最大值classSolution:deflen
  • 【学习】《算法图解》第十三章学习笔记：接下来如何做 程序员
    前言《算法图解》的最后一章"接下来如何做"（WheretoGofromHere）是作者对读者进一步学习算法和编程的指引。在前面的章节中，我们已经学习了许多基础而重要的算法，从二分查找、快速排序到广度优先搜索、迪杰斯特拉算法，再到动态规划、K近邻算法等。现在，是时候思考如何继续深入学习，拓展我们的算法知识体系了。本笔记将总结第十三章的核心内容，并补充一些个人的学习建议和资源推荐。一、后续学习的算法和
  • 【3.3 漫画SpringCloud - 微服务架构的王者之路】 钺商科技 漫画Java架构springcloud微服务
    ☁️漫画SpringCloud-微服务架构的王者之路目录记忆口诀可视化图表形象比喻数字记忆实战案例记忆卡片总结诗句面试准备记忆口诀️SpringCloud核心组件-“八大金刚护微服务”Eureka注册中心，服务发现互相知Gateway网关统一，请求路由集中治Config配置中心，动态配置不重启Hystrix熔断降级，服务雪崩能抵御Ribbon负载均衡，请求分发有策略Feign声明调用，HTTP接口
  • 3.python爬虫实战：爬取数据并存储在excel中【Python】（测试代码+api例程） 发现你走远了 python#爬虫数据分析可视化实战python爬虫数据挖掘
    目录API说明：思路注意事项完整代码总结欢迎关注『Python』系列，持续更新中欢迎关注『Python』系列，持续更新中爬取近5年的中国大学排行榜信息，在python爬虫爬取2021中国大学排名实战【Python】（测试代码+api例程）在python爬取近5年的中国大学排行榜信息【Python】（测试代码+api例程）基础上完成，建议先观看前面的文章API说明：“%10s%10s%10s”%(“
  • UniApp（vue3+vite）如何原生引入TailwindCSS（4） 前端 贾公子 uni-app
    目录npx开始使用TailwindCSS1.安装Node.js和cnpm2.使用VScode创建uni-app项目开始使用TailwindCSS1.安装TailwindCSS2.配置Vite插件3.修改配置4.导入TailwindCSS5.开始在HTML中使用Tailwind总结npx实际上，npxdegit和gitclone都能用来获取代码仓库中的模板或项目，但是它们的实现方式和用途有所不同。让
  • 【HDMI CEC】 System Power Control 功能详解 好多渔鱼好多 HDMICECHDMICEC智能家居物联网万物互联一键控制
    目录1.概念2.用途3.实现原理3.1实现流程3.2关键点总结4.协议与实现流程5.运用示例6.注意事项7.设备操作与设置方法8.总结1.概念SystemPowerControl是HDMICEC协议中最基础、最实用且使用最广泛的功能之一。它允许用户仅操作一个设备（通常是电视或功放）的遥控器电源键，就能联动控制同一HDMI链路上所有其他兼容CEC设备的电源状态（开机或待机）。简单说，就是“一键控制全
  • HTML之表单结构全解析 AA-代码批发V哥 HTMLhtml前端
    HTML之表单结构全解析一、表单基础结构与核心标签1.1表单容器：``标签1.2表单元素的灵魂：``标签二、常用表单元素详解2.1输入类元素：``2.1.1基础文本类2.1.2选择类2.1.3交互类2.2复杂输入：``与``2.2.1下拉选择框2.2.2多行文本域三、表单布局与美化技巧3.1基础布局方案3.1.1垂直排列（最常用）3.1.2水平排列（适用于简单表单）3.2使用CSS框架快速布局（B
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • 大模型岗到底有哪些？这六个主要工作让你秒懂！ AGI大模型学习 机器学习人工智能大数据大模型学习大模型教程大模型程序员
    一、Agent智能体Agent:能独立采取行动以实现特定目标的AI个体；Agent的特点：会使用工具，比如查数据库，买车票；拥有记忆，可以记住之前经历；会根据环境、自身记忆、自身能力进行行动决策；Agent的缺陷：带着大模型本身的幻觉情况；可用RAG降低该情况；二、RAG知识库RAG：在设定的知识库中搜索问题的最佳TopK个匹配资料，然后在使用大模型进行润色总结。RAG的特点：解决了大模型的幻觉问
  • 顺序表、链表、栈和队列总结 Ljw... 数据结构数据结构顺序表链表栈和队列总结
    目录顺序表链表栈队列总结补充顺序表实现链表实现栈实现队列实现顺序表、链表、栈和队列都是线性数据结构，但它们在管理和访问数据方面有不同的特点和用途。以下是它们之间的主要区别：顺序表存储方式：在连续的内存空间中存储元素。访问方式：通过索引直接访问，时间复杂度为O(1)。插入/删除：在表尾插入或删除元素，时间复杂度为O(n)，因为可能需要移动元素。动态性：通常需要预先分配固定大小的存储空间，但如果需要，
  • 新华妙笔：AI智能写作助手，让高效写作触手可及 东风西巷 AI写作android软件需求智能手机
    在当今快节奏的时代，无论是职场人士、学生还是创作者，都面临着大量的写作任务。从工作总结、调研报告到公文写作、商业文案，高效且高质量的写作能力成为了提升个人竞争力的关键。然而，写作不仅需要丰富的知识储备和扎实的文字功底，还需要大量的时间和精力去打磨。为了帮助用户更高效地完成写作任务，新华妙笔APP应运而生。它是一款功能强大的AI智能写作助手，依托自然语言处理（NLP）和大数据分析技术，能够快速生成各
  • Python 中如何使用 Conda 管理版本和创建 Django 项目 懂搬砖 Python小白成长记原力计划pythoncondadjango
    文章目录引言一、思维导图二、Conda基础操作1.安装Conda2.创建和管理环境创建新环境激活环境查看所有环境删除环境3.安装和管理包安装包查看已安装的包更新包删除包三、使用Conda环境创建Django项目1.激活Conda环境2.创建Django项目3.启动开发服务器4.创建Django应用5.配置项目和应用配置**settings.py**定义模型迁移数据库四、总结引言在Python开发中
  • GNN多任务预测模型实现（二）：将EXCEL数据转换为图数据 走的远一些 神经网络知识分享知识备份人工智能深度学习
    目录一.引言二.加载和检查数据三.提取特征和标签四.标准化特征五.构建节点索引六.构建边及其特征七.总结八.结语一.引言在图神经网络（GraphNeuralNetworks,GNNs）的多任务学习场景中，数据预处理是至关重要的一步。尤其是当我们的数据存储在表格格式（如Excel文件）中时，如何有效地将其转换为图数据格式，是搭建GNN模型的基础。二.加载和检查数据第一步是加载数据并检查其格式。我们通
  • 使用PyQT5开发桌面应用--QSS的UI美化 zorro_z pythonqtuipython
    QSS（QtStyleSheets）即Qt样式表，是用来定义控件外观的一种机制。QSS大量参考了CSS的内容，和CSS的使用相类似，但功能要比CSS弱的多。主要体现为选择器少，可用的属性也少，并且不是所有的属性都可以应用在PyQt的控件上。但是QSS可以使页面和美化代码分开，利用维护，也给我们提供了页面美化的方案。QSS的语法规则QSS的语法规则几乎与CSS相同，如果对CSS比较了解的话，那么QS
  • Redis常见性能问题及解决方案：实战应用指南
    Redis作为高性能的内存数据库，在缓存、消息队列、实时统计等场景中被广泛应用。然而，在实际生产环境中，Redis的性能问题可能成为系统的瓶颈。本文结合实战经验，总结7大常见性能问题及其解决方案，并提供实际案例，帮助开发者快速定位并优化性能。1.内存问题：内存不足与碎片化问题表现：Redis内存达到上限，触发OOM（OutOfMemory）错误，导致写操作失败。内存碎片率过高（通过INFOmemo
  • 访问网页的全过程(通俗讲解) sevevty-seven 1024程序员节
    目录1.输入URL（想法产生）2.DNS查询（地址查找）3.建立TCP连接（请求发送）4.发送HTTP请求（点餐）5.服务器处理请求（厨房准备）6.发送HTTP响应（上菜）7.浏览器渲染（享用美食）8.交互和反馈（点餐、付款）9.关闭连接（用餐结束）10.缓存（下次光临）总结1.输入URL（想法产生）你在浏览器的地址栏中输入一个网址，比如https://www.example.com。生活案例：想
  • Redis常见性能问题和解决方案有哪些？
    Redis作为高性能的内存数据库，在实际使用中可能会遇到性能问题。以下是常见的性能问题及其解决方案，用中文总结如下：1.高延迟问题问题描述：客户端请求响应时间过长，可能由于网络、命令复杂度或服务器负载导致。解决方案：优化网络：检查客户端与Redis服务器之间的网络延迟，使用本地或低延迟的网络连接。避免慢命令：避免使用高复杂度的命令，如KEYS（O(N)复杂度），改用SCAN进行增量迭代。使用管道（
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他