谭菲
谭菲

HTML元素居中定位与尺寸拉伸

块级元素就是那些自为一行的元素，有高度宽度。行内元素没有高度，行内块级元素有高度，不换行。

好了，下面用几个刚刚试验的例子把这部分知识小记一下，为日后深入学习打基础。

1.水平居中

  • 非块级元素水平居中：

设置父元素的text-align:center就可以了。

  • 块级元素水平居中：

position不是absolute也不是fixed时（也就是并未脱离文档流），margin-left=margin-right=auto,块级元素width不是aoto，就可实现水平居中。

 1 <!DOCTYPE html>
 2 <html>
 3     <meta charset="utf-8"/>
 4     <head>
 5         <style type="text/css">
 6             #header{
 7                 border: 1px solid red;
 8                 height: 100px;
 9             }
10             #container{
11                 border: 1px solid blue;
12                 margin:0 auto;
13                 width: 300px;
14                 height: 300px;
15                 text-align: center;
16             }
17         </style>
18     </head>
19     <body>
20         <div id="header" >header</div>
21         <div id="container" >
22             container
23         </div>
24     </body>
25 </html>

2.垂直居中

  • 文本垂直居中

如果只有一行本文，设置容器的line-height等于容器height。

       #container{
        border: 1px solid blue;
        margin:0 auto;
        width: 300px;
        height: 300px;
        text-align: center;
        line-height: 300px;
       }

 

如果是多行文本至少要再加一个容器box把文本包起来，可以设置box的margin或者其父容器的margin。另一个方法就是使用vertical-align属性，但这个属性只对表格元素有效，所以需要设置box父元素display:table，设置box的display:table-cell。

  • 块级元素垂直居中

要借助position和left、top几个属性。top表示向下平移，其他同理。position属性有四个值：

　　static：   静态定位，默认值，在文档流中不移动，此时top等属性无效。

　　relative：相对定位，相对自己原本位置定位，不脱离文档流。

　　absolute：绝对定位，相对非static父元素定位，脱离文档流（原来位置被别人占了）。

　　fixed：固定定位，相对浏览器窗口定位，也脱离文档流，总用做购物车广告等。

如果要垂直居中的元素设置成绝对定位，top和left在按容器和居中元素大小设置一下就可以了，但前提是父元素是非static的。就像下面这样。

<!DOCTYPE html>
<html>
    <meta charset="utf-8"/>
    <head>
        <style type="text/css">
            #header{
                border: 1px solid red;
                height: 100px;
            }
            #container{
                border: 1px solid blue;        
                margin:0 auto;    
                width: 300px;
                height: 300px;
                position: relative;
            }
            #content{
                position:absolute;  
                top: 100px;
                left: 100px;
                background-color: gray;
                width: 100px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <div id="header" >header</div>
        <div id="container" >
            <div id="content">
                content
            </div>
        </div>
    </body>
</html>

换几种情况考虑，如果居中元素是相对定位的，就不要求父元素是非static的了。这固然好，但限制是不方便计算偏移量，偏移量是相对自己原位置算的，如果居中元素上方有兄弟节点也需要考虑进去，麻烦的是如果兄弟节点大小不固定，恐怕只能用脚本动态去算了。如果居中元素是固定定位的呢？考虑了一下，使用固定定位做垂直居中没有什么特殊的优势。

3.拉伸

对于行内元素、行内块级元素、浮动元素、表格及绝对定位元的素：

  • left=right=auto，width=auto时是横向收缩的
  • top=bottom=auto,height=auto时，是纵向收缩的

对于块级元素和绝对定位的元素：

  • left=right!=auto，width=auto时是横向拉伸的

<!DOCTYPE html>
<html>
    <meta charset="utf-8"/>
    <head>
        <style type="text/css">
            label{
                border: 1px solid blue;
                margin: 1px 0;
            }
            div{
                border: 1px solid red;
                margin: 1px 0;
            }
        </style>
    </head>
    <body>
        <label>我是横向收缩的label1</label>
        <div>我是横向拉伸的div1</div>
    </body>
</html>

auto通常是默认值，我们看到的非块级元素横向纵向多数是收缩的，如图中label。而块级元素div默认是横向拉伸纵向收缩的，如图中div1。浏览器通常会给元素加默认样式，所以元素并没有完全与浏览器窗口贴上，如果添加*{margin:0;padding:0;}就显示正常了。

对于绝对定位元素：

  • top=bottom=!auto,height=auto时，是纵向拉伸的。
<!DOCTYPE html>
<html>
    <meta charset="utf-8"/>
    <head>
        <style type="text/css">
            div{
                position: absolute;
                background-color: green;
                top:0;
                bottom:0;
                height:auto;
            }
        </style>
    </head>
    <body>
        <div>我是纵向拉伸的div2</div>
    </body>
</html>

 

auto与100%的尺寸差别

auto意味着元素尺寸是自动调整的，width/height:100%会将元素尺寸拉伸到父元素大小，其外边距、边框等可能超过父元素。但table不会出现这种情况，因为表格的width/height规定的是table-cell的外部尺寸。
 
W3C的盒子模型中width/height规定的是content的尺寸，IE的盒子模型width/height规定的是含border的尺寸。
 

你可能感兴趣的:(HTML元素居中定位与尺寸拉伸)

  • HoloViews数据管道技术详解：构建动态数据处理与可视化流程 方玉蜜United
    HoloViews数据管道技术详解：构建动态数据处理与可视化流程holoviewsWithHoloviews,yourdatavisualizesitself.项目地址:https://gitcode.com/gh_mirrors/ho/holoviews引言在现代数据分析和可视化工作中，构建高效的数据处理管道至关重要。HoloViews作为一款强大的Python可视化库，提供了灵活的数据管道机制
  • 【Linux系统部分】在Linux命令行中写一个简单的shell外壳
    12.在Linux命令行中写一个简单的shell外壳文章目录12.在Linux命令行中写一个简单的shell外壳一、介绍二、编写代码总体结构初步实现头文件、宏定义、全局变量PrintComLineGetComLineProcessComLineExcuteComLine改进内建命令环境变量改变新增其他内建命令总结一、介绍Shell是Linux操作系统的核心交互界面，作为用户与系统内核之间的桥梁，它
  • 隐马尔可夫模型：语音识别系统的时序解码引擎 大千AI助手 人工智能Python#OTHER语音识别人工智能机器学习概率马尔科夫链HMM
    本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！1HMM与语音识别的理论基础隐马尔可夫模型（HMM）作为一种双重随机过程的统计模型，其核心在于描述一个包含隐含状态的马尔可夫链，以及这些状态生成可观测输出的概率分布。在语音识别领域，HMM的时序建模能力与语音信号的特性形成了完美契合：隐含状态：对应语音
  • 【数据结构】考点十九：时间复杂度与空间复杂度 超越超 数据结构考试【临时抱佛脚】结构算法数据结构排序算法时间复杂度空间复杂度
    【考试临时抱佛脚】系列文章针对于、、的考生打造。无论你是、还是这个专栏都适合你，Let’sgo！一、方法1）时间复杂性大小顺序：O(1)
  • 程序员简历包装实战指南：没有华而不实，只有直击要害的干货 熊猫钓鱼>_> 面试技巧
    简历不是自传，而是为雇主定制的解决方案说明书——每一行字都该回答“我为何值得你花一小时面试”这个核心命题作为甲方的技术面试官，我在技术招聘领域摸爬滚打十年，见过太多才华横溢的开发者因简历表达失焦而错失机会。本文将用最直白的语言，拆解程序员简历包装的底层逻辑和实操策略。一、理解筛选者的认知漏斗：HR与面试官的关注点分层HR的30秒扫描逻辑（关键词匹配模式）核心任务：从数百份简历中快速筛选出基本匹配者
  • 从架构抽象到表达范式：如何正确理解系统架构中的 4C 模型20250704
    从架构抽象到表达范式：如何正确理解系统架构中的4C模型？“4C”到底是架构的组成结构，还是架构图的表现方式？这类看似细节的问题，其实直击了我们在系统设计中认知、表达与落地之间的张力。引言：4C，是架构本体，还是图的分类？在日常的架构设计与表达过程中，我们经常听到“4C架构图”这样的术语，但很多技术同仁对此概念存在疑问：4C模型指的到底是哪四个C？它是系统本身的结构分类？还是架构图的表现方式？所有系
  • 前端开发避坑指南：从浏览器兼容到性能优化，这些 “坑“ 你踩过几个？？？ 敲代码的苦13 HTML性能优化html5前端css
    一、浏览器兼容性：前端开发者的"跨次元挑战"不同浏览器对HTML、CSS、JavaScript的解析规则存在差异，这是前端开发中最常见的"拦路虎"。CSS样式错乱：例如IE浏览器不支持flex布局的部分属性，或对box-sizing的默认值与Chrome不同，导致页面在不同浏览器中显示效果千差万别。JavaScript语法兼容：旧版浏览器（如IE11）不支持ES6+的箭头函数、Promise等语法
  • Python 的内置函数 repr IMPYLH python笔记
    Python内建函数列表>Python的内置函数reprPython的内置函数repr()是一个非常重要的对象字符串表示函数，其主要功能是返回一个对象的"官方"字符串表示形式（通常称为"representation"）。这个字符串通常能够被Python解释器读取，并尽可能准确地重建该对象。详细特性：可重建性原则：repr()返回的字符串理论上应该能够通过eval()函数重新构造出原对象与str()
  • c语言——数组 晚云与城 c语言算法数据结构
    目录1.数组的概念2.⼀维数组的创建和初始化3.⼀维数组的使用4.⼀维数组在内存中的存储5.sizeof计算数组元素个数6.⼆维数组的创建7.⼆维数组的初始化8.⼆维数组的使用9.⼆维数组在内存中的存储10.C99中的变长数组1.数组的概念数组是一组相同类型元素的集合（能与数学中的集合联想起来理解）。主要目的之一是能够批量存储多个相同类型的数据，让其更容易解决批量操作的问题。1.放1个或多个数据，
  • 数据结构分类：逻辑与存储结构详解 晨曦543210 算法数据结构
    数据结构可以根据逻辑结构和物理结构（存储结构）进行分类，1.逻辑结构逻辑结构描述数据元素之间的抽象关系，分为线性结构和非线性结构。（1）线性结构数据元素之间存在一对一的线性关系，每个元素最多有一个前驱和一个后继。常见类型：线性表：数组、链表（单链表、双向链表、循环链表等）。栈（LIFO）：后进先出，如函数调用栈。队列（FIFO）：先进先出，如任务调度队列。字符串：字符的线性序列。（2）非线性结构数
  • Python 2.7.13安装与配置教程 金融先生-Frank
    本文还有配套的精品资源，点击获取简介：Python2.7.13是Python2.x系列的最后一个版本，虽然不再维护，但许多遗留系统仍在使用。本教程详细介绍了Python2.7.13在Windows系统上的安装流程，并提供了环境变量配置、安装验证以及如何开始使用Python的方法。同时强调了Python3.x的迁移重要性，并提供了学习资源和第三方库安装的指导。1.Python2.7.13重要性与现状
  • Python 爬虫实战：保险公司产品条款现代技术高效爬取 Python核芯 Python爬虫实战项目python爬虫开发语言保险
    一、引言在当今数字化时代，保险行业作为金融领域的重要组成部分，其产品条款信息的获取对于消费者、研究人员以及行业从业者都具有重要意义。然而，面对海量的保险产品条款数据，如何高效、准确地爬取这些信息成为了一个亟待解决的问题。本文将详细介绍如何利用现代Python爬虫技术，针对保险公司产品条款进行高效爬取，旨在为相关领域的研究和应用提供有力的技术支持。二、爬取目标与需求分析（一）爬取目标本次爬取的目标是
  • Python——turtle库 宅男很神经 开发语言python
    前言：海龟绘图的起源与PythonTurtle库的哲学在计算机图形学的浩瀚世界中，Python的turtle（海龟绘图）库以其独特的魅力，为初学者打开了一扇通往可视化编程的奇妙大门。然而，其深度远不止于简单的入门，它蕴含着事件驱动、状态机、坐标几何以及与底层GUI库（Tkinter）交互的精妙机制。本指南将带您从最底层的逻辑开始，逐步向上，全面、无死角地剖析turtle库的每一个细节，揭示其内部运
  • 深度学习前置知识全面解析：从机器学习到深度学习的进阶之路
    一、引言：人工智能时代的核心技术在当今这个数据爆炸的时代，人工智能(AI)已经成为推动社会进步的核心技术之一。作为AI领域最重要的分支，深度学习(DeepLearning)在计算机视觉、自然语言处理、语音识别等领域取得了突破性进展，彻底改变了我们与机器交互的方式。本教案将从机器学习的基础知识出发，系统性地介绍深度学习的核心概念、数学基础、网络架构和训练方法，为读者构建完整的知识体系框架。无论你是刚
  • Pytorch 之torch.nn初探 torch.nn.Module与线性--Linear layers 十有久诚 人工智能机器学习pytorch
    初探torch.nn.Module神经网络可以使用torch.nn包构建。它提供了几乎所有与神经网络相关的功能，例如：线性图层nn.Linear，nn.Bilinear卷积层nn.Conv1d，nn.Conv2d，nn.Conv3d，nn.ConvTranspose2d非线性nn.Sigmoid，nn.Tanh，nn.ReLU，nn.LeakyReLU池化层nn.MaxPool1d，nn.Aver
  • 深入解析VAE：从理论到PyTorch实战，一步步构建你的AI“艺术家” 电脑能手 人工智能深度学习python
    摘要：你是否好奇AI如何“凭空”创造出从未见过的人脸或画作？变分自编码器（VAE）就是解开这一谜题的关键钥匙之一。本文将带你从零开始，深入浅出地剖析VAE的迷人世界。我们将用生动的比喻解释其核心思想，拆解其背后的数学原理（KL散度与重参数技巧），并最终用PyTorch代码手把手地构建、训练和可视化一个完整的VAE模型。无论你是初学者还是有一定经验的开发者，相信这篇文章都能让你对生成模型有一个全新的
  • Go语言项目工程化 — 常见开发工具与 CI/CD 支持 程序员爱钓鱼 gingolang开发语言后端
    在Go语言的项目工程化实践中，常见开发工具与CI/CD支持是保障团队协作、高效交付与项目质量的关键。以下是第68章的详细内容。一、开发辅助工具Go语言生态为开发者提供了丰富的工具，以提高代码质量与开发效率。1.格式化与静态检查工具说明gofmt标准格式化工具，自动缩进、对齐govet发现潜在问题，如未使用变量、误用fmt占位符golint检查代码风格规范（非强制）staticcheck高级静态分析
  • 三分钟实现数据备份自动化 enter回车键 影刀RPARPA影刀
    在企业日常办公和数据管理中，数据意外丢失会带来严重损失，如业务中断、重要信息损毁等。而手动备份不仅效率低，还容易出现疏漏。影刀RPA凭借强大的自动化能力，可轻松实现数据备份自动化，仅需简单几步，三分钟内就能完成设置，为数据安全保驾护航。一、准备工作在开始使用影刀RPA进行数据备份前，需要完成以下准备：注册与安装：访问影刀RPA官方网站，完成账号注册，根据系统提示下载并安装影刀RPA软件到电脑。明确
  • 【字节跳动】数据挖掘面试题0005：在旋转有序数组中查找是否存在元素key 言析数智 数据挖掘常见面试题算法面试题数据挖掘二分查找法
    文章大纲方法思路代码解释问题场景：在“打乱”的有序数组里找数核心思路：每次排除一半可能性分步骤找数（以数组[7,8,9,10,1,2,3]为例，找数字10）再举个反例：找数字5（数组中没有）用“左右有序”的逻辑来总结代码的“人话”翻译为什么时间复杂度是O(logn)？要在旋转后的有序数组中以O(logn)时间复杂度查找元素，可利用二分查找的变体。关键在于确定哪一半数组仍然有序，并判断目标值是否在该
  • Jenkins 插件深度应用：让你的CI/CD流水线如虎添翼 [特殊字符] 真实的菜 devopsjenkinsci/cdservlet
    Jenkins插件深度应用：让你的CI/CD流水线如虎添翼嘿，各位开发小伙伴！今天咱们来聊聊Jenkins的插件生态系统。如果说Jenkins是一台强大的引擎，那插件就是让这台引擎发挥最大威力的各种零部件。准备好了吗？让我们一起探索Jenkins插件的奇妙世界！本期导航常用插件推荐：SonarQube代码质量检测插件深度解析插件安装与管理：官方插件库使用与第三方插件配置技巧️自定义插件开发：从零开
  • 软件测试-持续集成 Oooon_the_way ci/cd持续集成
    一、持续集成的核心概念与价值定义与目标持续集成（CI）指开发人员频繁（每日多次）将代码变更合并至共享主干，并通过自动化构建和测试验证集成的过程46。核心目标包括：尽早发现缺陷：避免集成阶段的“最后一公里”问题（如代码冲突、兼容性错误）。缩短反馈周期：提交后立即触发测试，10分钟内反馈结果，加速问题修复8。核心价值效率提升：自动化构建替代手动操作，节省测试部署时间9。质量保障：通过分层测试（单元/集
  • 类、对象、构造器
    类与对象的关系类是一种抽象的数据类型，它是对某一种事物整体描述/定义，但不能代表某一个具体的事物。对象是抽象概念的具体实例。创建与初始化对象使用new关键字创建对象使用new关键字创建的时候，除了分配内存空间之外，还会给创建好的对象进行默认的初始化以及对类中构造器的使用。类中的构造器也称为构造方法，是在进行创建对象的时候必须调用的，并且构造器有以下两个特点：必须和类的名字相同必须没有返回类型，也不
  • 红海云签约东莞科创金融集团，科创金融行业人力资源数字化 红海云 人工智能金融
    东莞科技创新金融集团有限公司（以下简称“东莞科创金融集团”）是东莞市属一级重点国有企业，实施以股权投资为核心、以融资增信和园区运营为支撑的“一体两翼”发展战略，致力打造国内一流的“科技创新投资平台公司”。近日，东莞科创金融集团与广州红海云计算股份有限公司正式签署战略合作协议。红海云将依托其行业领先的数字化技术底座、全场景人力资源数字化管理经验及卓越的服务能力，为东莞科创金融集团构建全流程在线化、数
  • 不止于稳定币：科技巨头涌入香港，RWA万亿赛道蓄势待发 元话rwa 科技区块链web3业界资讯大数据rwa
    香港，作为全球金融中心，正再次成为科技与金融巨头们瞩目的焦点。随着其《稳定币条例》即将于2025年8月1日正式生效，一场围绕“合规稳定币”的竞赛已然打响。蚂蚁集团、京东、小米等“大厂”纷纷入局，但这盘大棋的目标，或许远不止于稳定币本身，而是指向其背后更广阔的蓝海——RWA（真实世界资产）的万亿级赛道(一)稳定币先行：巨头抢滩“数字港元”根据《每日经济新闻》的报道，蚂蚁集团旗下的蚂蚁国际与蚂蚁数科均
  • 华为OD 机试 2025 B卷 - 相同数字组成图形的周长 (C++ & Python & JAVA & JS & GO) 无限码力 华为od华为OD2025B卷华为OD机试2025B卷华为OD机试华为OD机考2025B卷
    相同数字组成图形的周长华为OD机试真题目录点击查看:华为OD机试2025B卷真题题库目录｜机考题库+算法考点详解华为OD机试2025B卷200分题型题目描述有一个64×64的矩阵，每个元素的默认值为0，现在向里面填充数字，相同的数字组成一个实心图形，如下图所示是矩阵的局部（空白表示填充0）：数字1组成了蓝色边框的实心图形，数字2组成了红色边框的实心图形。单元格的边长规定为1个单位。请根据输入，计算
  • Cursor黑科技：AI编程实战
    引言AI编程工具的崛起与Cursor的定位Cursor的核心功能概述（代码生成、补全、对话式调试等）目标读者：开发者、技术团队、AI工具探索者核心功能解析智能代码生成基于自然语言描述生成代码（如“实现一个Python快速排序”）多语言支持（Python、JavaScript、Go等）示例对比代码补全与优化实时上下文感知补全（比传统IDE更精准）代码重构建议（如性能优化、冗余删除）对话式交互调试通过
  • [科普]UART、RS232、RS422、RS485、TTL：深入解析串行通信家族 极客不孤独 单片机嵌入式硬件
    UART、RS232、RS422、RS485、TTL：深入解析串行通信家族串行通信是电子世界的无声桥梁，但面对UART、TTL、RS232、RS422、RS485这些术语，很多人感到困惑。本文将深入解析它们的核心区别，助你精准选择通信方案。文章目录UART、RS232、RS422、RS485、TTL：深入解析串行通信家族**一、核心概念分层：协议、逻辑与物理****二、核心区别总结表****三、关
  • 为何京东与蚂蚁集团竞相申请稳定币牌照？ TechubNews 人工智能大数据
    京东与蚂蚁集团竞相申请稳定币牌照，主要是为了抢占数字金融新赛道，结合香港的宽松监管政策与全球稳定币市场的快速增长。香港2023年推出的稳定币监管框架及2025年8月即将实施的《稳定币条例》，为企业提供了合规路径，吸引京东通过币链科技进入监管沙盒，测试跨境支付场景，而蚂蚁集团则计划在香港、新加坡等地申请牌照，布局全球支付网络。当前全球经济环境下，稳定币市场2025年市值已超2500亿美元，预计203
  • 金融信息交换协议（FIX）5.0 FIXT1.1（5） 啊拉丁的鱼 金融金融fix
    6FIX会话层测试用例和期望行为6.1Applicability适用性本文档在2002年9月20日最后被修订，当时的FIX协议的最新版本为带有20020930的扩展的FIX4.3。此文当适用于FIX4.X，除非特别说明。6.2WhentosendaLogoutvs.whentojustdisconnect何时发送Logout与仅断开连接一般情况下，一个Logout消息应在关闭一个连接前发送。如果这
  • 健康管理实训基地建设要点：赋能健康管理人才培养 凯禾瑞华健康管理实训室建设 健康管理实训室健康管理人才培养产教融合虚拟仿真
    在健康中国战略背景下，健康管理实训基地作为连接理论与实践的重要桥梁，其建设质量直接关系到复合型健康服务人才的培养成效。一、健康管理实训基地科学规划健康管理实训基地的规划设计需遵循“以人为本、功能复合、适度超前”原则，构建集教学、科研、服务于一体的综合性平台。在选址上，应优先选择交通便利、环境宜人的区域，确保实训环境与真实工作场景的高度契合。建筑布局需融入人性化设计理念，如设置无障碍通道、防滑地面、
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他