情深知我意
情深知我意

水平居中、水平垂直居中

水平居中

  • 行内块元素居中

    • text-align  可以使块级元素内部的行内元素水平居中，如果内部是块级元素，先将其转成行内块元素。
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行内块元素水平居中title>
    <style>
        .father{
            text-align: center;
            width: 200px;
            height: 200px;
            border: 1px solid black;
        }
        .son{
            display: inline-block;
            width: 50px;
            height: 50px;
            background: red;
        }
    style>
head>
<body>
    <div class="father">
        <div class="son">div>
    div>
body>
html>

  • 块级元素水平居中

    • 将该块级元素的左右边距设置成auto
<style>
        .father{
            width: 200px;
            height: 200px;
            border: 1px solid black;
        }
        .son{
            margin: 0 auto;
            width: 50px;
            height: 50px;
            background: red;
        }
    style>
    •  使用transform:translateX
<style>
        .father{
            width: 200px;
            height: 200px;
            border: 1px solid black;
            position: relative;
        }
        .son{
            width: 50px;
            height: 50px;
            background: red;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
style>
    • 使用flex+justify-content  将其父元素设置成弹性盒子
<style>
        .father{
            width: 200px;
            height: 200px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
        }
        .son{
            width: 50px;
            height: 50px;
            background: red;
        }
    style>

 水平垂直居中

  • 绝对定位与负边距实现（已知宽高）

  • 绝对定位与margin:auto（不兼容低版本IE）

  • 绝对定位+CSS3(兼容问题)

  • flex布局（不兼容低版本IE）

 

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

  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • CSS学习14[重点]--定位、边偏移、定位模式 乌鸦不像写字台 css学习css学习前端
    定位前言一、定位二、定位模式1.静态定位static2.相对定位relative3.绝对定位absolute4.子绝父相5.绝对定位的盒子水平居中6.固定定位（fixed）7.叠放次序（z）三、四种定位总结四、定位模式转换前言为什么学习定位？应用场景：图片上移动的物体、突出的部分、导航栏…一、定位边偏移top:100px;bottom:;left:;right:;定位模式选择器{position:
  • css居中大全 阿龙哟
    css居中大全Horizontally水平居中内联元素text-align:center;块级元素margin:0auto;多个块级元素display:flex;justify-content:center;Vertically垂直居中内联元素中单行文字给定相同paddingpadding-top:30px;padding-bottom:30px;文字垂直居中height:100px;line-h
  • 滴滴前端日常实习一面 真的很上进 前端面试javascriptvuejava
    同步到csdn上一面水平居中、垂直居中的方法。align-item实现的是水平居中还是垂直居中。flex-direction为column的时候，是什么居中。js有什么数据类型。简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue里keep-ali
  • 【面试经验】滴滴 秋招储备实习 前端面经 litterfinger 面试经验面试前端职场和发展
    滴滴秋招储备实习前端面经时间线：5.1511点半一面，下午2点半二面一面●自我介绍+项目介绍●拷打项目●文件断点续传+切片上传●不知道盒子宽高情况下水平垂直居中●transform的属性●scale是怎么放大盒子宽高的●数据类型●原型和原型链●做几道js题二面timeline：5.152:30自我介绍拷打项目（这次竟然没问文件上传的实现）v-if和v-show的区别，为什么要用v-show替换v-
  • CSS基础 水平垂直居中 呼叫6945 CSS篇css前端css3
    几种实现水平垂直居中方式利用定位+margin:auto利用定位+margin:负值利用定位+transformtable布局flex布局grid布局利用定位+margin:auto先上代码：.father{width:500px;height:300px;border:1pxsolid#0a3b98;position:relative;}.son{width:100px;height:40px;
  • CSS3基本语法 刘心奶黄包qaq css3前端css
    文章目录一、CSS引入方式二、选择器1、标签选择器2、类选择器3、id选择器4、通配符选择器三、字体操作1、字体大小2、字体粗细3、字体样式（是否倾斜）4、字体修改常见字体系列修改字体系列语法四、文本操作1、文本缩进2、文本水平对齐方式3、文本修饰4、文本水平居中总结**text-align：center;**5、文本水平居中方法margin五、行高font连写六、颜色常见取值七、选择器进阶1、后
  • uni-app：文字竖直排列，并且在父级view中水平竖直对齐 25号底片~ uni-app前端uni-appjavascript前端
    一、效果二、代码这是竖直排列的文字exportdefault{data(){return{}},methods:{},};.parent{display:flex;align-items:center;/*竖直居中*/justify-content:center;/*水平居中*/height:500px;/*父级高度设为100%，或指定一个固定高度*/border:1pxsolidblack;}.
  • 水平垂直居中、两栏布局、三栏布局 帅帅哥的兜兜 水平垂直左固右动两栏布局三栏布局布局
    水平垂直居中的问题（四种方法）方法一：position布局，position设为absolute给定高度，通过绝对定位方式居中width:x;height:y;position:absolute;left:50%;top:50%;margin-left:-(x/2);margin-top:-(y/2);*{margin:0;padding:0;}html,body{width:100%;heigh
  • 【css】 CSS之经典的三栏布局和水平垂直居中 小墨鱼_z csscss前端
    1、三栏布局问题：⾼度固定，左右两侧的盒⼦宽度为200px，中间⾃适应解决float实现position实现flex实现2、水平垂直居中行内块元素1.line-heighttext-align:center2.display:flex;justify-content:center;align-items:center;块级元素1.position+margin清楚⼦元素的宽⾼2.position+
  • uniapp 小程序 设置按钮固定到页面的最下方 夏小花花 微信小程序uni-appcssuni-app小程序
    解决方案我们在做小程序的时候，特别是页面是以列表的形式进行展示，并且页面必须还要新增数据时，这是就会在页面的底部加一个固定的新增按钮，点击新增按钮，弹出一个弹窗…然后进行下一步的业务逻辑操作，那么怎么让这个固定到页面底部呢？HTMLcode添加订单CSScode.order_add{position:fixed;/*固定定位*/bottom:0;/*底部对齐*/left:50%;/*水平居中*/t
  • 使用 Tailwind CSS 实现水平和垂直居中对齐的方法 B.- css前端htmljavascript
    在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。Centeredcontentflex：将父元素设为Flexbox布局。items-center：垂直居中对齐子元素。justify-center：水平居中对齐子元素。h-screen：将父元素高度设为屏幕高度（可以根据实际需要调整）。方法2：使用grid布局Gr
  • HTML5+CSS3小实例：抽屉式相册 艾恩小灰灰
    HTML5+CSS3小实例：抽屉式相册技术栈：HTML+CSS效果：源码：抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局水平垂直居中*/display:flex;justify-content:center;align-items:center;background-color:#000;}.
  • css设置元素居中显示 DN金猿 css前端
    CSS中实现居中显示可以通过不同的属性来实现，取决于你是要水平居中还是垂直居中，或者两者都要。以下是一些常用的居中方法：1.水平居中-行内元素或文本.center-text{text-align:center;}2.水平居中-块级元素.center-block{margin-left:auto;margin-right:auto;width:50%;/*oranyothervalue*/}3.垂直
  • css居中方法归纳（二） 不曾忽然七日
    大话元素居中身为一名前端开发者，居中永远是绕不去的一个问题，如果不能有完整的方式归类，每次百度难免费时，并且显的咱们多low啊，居中都要百度，至少为了咱们滴面子，咱也要把它学好，接下来一起来看看吧水平居中水平居中方案一：父级加text-align子级inline-block.father{width:100%;height:200px;background:#ccc;text-align:cent
  • HTML5+CSS3小实例：有点小酷的input输入框动画 艾恩小灰灰
    HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。先看效果：源代码：您的姓名*{margin:0;padding:0;outline:none;/*这个是告诉浏览器：你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex;align-items:cen
  • 微信小程序（第七章）- 搜索框的实现 _Zhx_ 微信小程序微信小程序
    微信小程序（第七章）-搜索框的实现搜索框的组成定义布局容器微信小程序1个页面所对应的4个文件具体实现步骤框架实现样式实现搜索框的组成外部容器i内部容器两者关系:外部容器包裹内部容器，而且内部容器正好在we外部容器的居中（水平垂直居中）位置。定义布局容器可在微信小程序中使用view,可以在view里面定义内容。微信小程序1个页面所对应的4个文件wxml文件->html文件wxss文件->css文件j
  • css3盒子 ldd_eb csscss3前端css
    盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框（border）1.概念2.简写及分开写法3.合并问题（会相加）4.边框会影响盒子实际大小四.盒子的内边距（padding）1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况（内边距不影响盒子实际大小）5.实际应用（导航栏）五.盒子的外边距（margin）1.概念2.简写（和内边距一样）3.典型应用（使块元素水平居中）4.合并问题（取大）
  • 不定宽高的盒子水平垂直居中的方法? Tz1314
    方法1:div绝对定位水平垂直居中【margin负间距】这或许是当前最流行的使用方法。div{width:200px;height:200px;background:green;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;}方法2:div绝对定位水平垂直居中【margin:auto实现绝对定位元素的
  • img垂直水平居中与div 振礼硕晨
    方法一：效果1.HTML代码2.CSS代码div{width:400px;height:300px;margin:0auto;background-color:#666;display:table-cell;text-align:center;vertical-align:middle;}img{width:200px;}3.备注1.如果将给div设置display:table-cell，那么di
  • CSS之水平垂直居中 大超-无痕 CSScss前端javascript
    如何实现一个div的水平垂直居中contentflex布局.content-wrapper{width:400px;height:400px;background-color:lightskyblue;display:flex;justify-content:center;align-items:center;}transform.content-wrapper{width:400px;heigh
  • 【Flutter入门到进阶】Flutter基础篇---基础组件 __Yvan FlutterAndroid跨平台flutterandroidios
    1Container容器组件1.1属性说明1.1.1alignmenttopCenter：顶部居中对齐topLeft：顶部左对齐topRight：顶部右对齐center：水平垂直居中对齐centerLeft：垂直居中水平居左对齐centerRight：垂直居中水平居右对齐bottomCenter底部居中对齐bottomLeft：底部居左对齐bottomRight：底部居右对齐1.1.2decora
  • 垂直居中&水平居中&垂直水平居中 越努力越进步越开心越自信
    垂直居中行内单行行内设置子元素line-height(行高)等于父盒子高度.box{height:300px;width:300px;background:#FF6666;}a{line-height:300px;}111！！！注意：行内元素没有属性width和height还有margin-top和margin-bottom对内联元素（行内元素）的高度没有影响，并且由于margin是透明的，他也没
  • 【布局技巧】Flex 布局下居中溢出滚动截断问题
    在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样：ul{width:500px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;}效果如下：这里，外层的容器是定宽的，内层的flex-item也是定宽的。
  • CSS的水平垂直居中 凉城十月
    一、水平居中内联：爸爸身上写text-align:center;实现：我是内联元素我需要水平居中.el{border:1pxsolidred;width:20px;height:20px;}.wrapper{border:1pxsolidblue;height:100px;text-align:center;}效果：内联元素水平居中块级：margin-left:auto;margin-right:
  • CSS笔记(二) - 页面布局 盒子模型 且.为.乐 #CSScsshtmlcss3
    文章目录1元素显示模式1.1块元素1.2行内元素1.3行内块元素1.4转换1.5总结2.盒子模型2.1页面布局2.2盒子模型（BoxModel）组成2.3边框2.3.1概念2.3.2表格的细线边框2.3.3边框对盒子模型的影响2.4内边距padding2.4.1概念2.4.2内边距和盒子大小的关系2.4外边距margin2.4.1外边距典型应用-块级元素水平居中2.5外边距合并2.5.1嵌套块元素
  • CSS综合案例-新闻页面 WangZhang_521 CSScss前端
    CSS综合案例-新闻页面CSS综合案例-新闻页面body{font:16px/28px'MicrosoftYahei'}h1{/*文字不加粗*/font-weight:400;/*让h1里面的文字水平居中对齐*/text-align:center;}.gray{color:#888897;font-size:12px;text-align:center;}a{text-decoration:non
  • 【JAVA WEB】盒模型 lzb_kkk 前端javascript开发语言
    目录边框内边距基础写法复合写法外边距基础写法复合写法块级元素的水平居中弹性布局设置行内元素的属性，span每一个HTML元素就相当于是一个矩形的“盒子”这个盒子由以下这几个部分构成：1.边框border2.内容content3.内边距padding4.外边距margin边框基础属性粗细：border-width样式：border-stytle默认没边框，solid实线边框dashed虚线边框dot
  • CSS：九宫格布局 羽墨灵丘 css前端
    九宫格布局效果如下：HTML结构：123456789公共CSS：.container{width:310px;}.item{text-align:center;line-height:100px;vertical-align:middle;/*文字水平垂直居中*/width:100px;height:100px;background-color:orange;}方法一：float.containe
  • 携程网首页案例制作（移动端） guai_guai_guai htmlcss前端
    技术选型方案：采用单独制作移动页面方案技术：布局采用flex布局body样式通常要设置最大宽度，最小宽度，水平居中，字体设置，背景颜色以及相关初始化body{max-width:540px;min-width:320px;margin:0auto;font:normal14px/1.5Tahoma,"LucidaGrande",Verdana,"MicrosoftYahel",STXihei,he
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他