aiyizou6070
aiyizou6070

CSS——div垂直居中及div内文字垂直居中

　　最近做demo时，经常需要div垂直居中或者让div内文字相对div垂直居中。水平居中比较简单，就不多说了，这里主要记录一下垂直居中的一些方法。

一、div垂直居中的一些方法：

1.当height、width固定大小时，

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                width: 300px;
                height: 300px;
                background: red;
                margin: 0 auto; /*水平居中*/
                position: relative;
                top: 50%; /*偏移*/
                margin-top: -150px;
            }
        style>
    head>
    <body>
        <div class="div1">div>
    body>
html>

 运行结果：

CSS——div垂直居中及div内文字垂直居中_第1张图片

2.当height、width大小是百分比时，有如下三种方法可以实现：

法一：使用CSS3的transform属性

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                height: 30%;
                width: 30%;
                background: green;
                
                position: relative;
                top: 50%; 
                transform: translateY(-50%);/* 元素往下位移自身高度50%的距离 */
            }
        style>
    head>
    <body>
        <div class="div1">div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第2张图片

 法二：使用CSS3的弹性布局（flex）

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                height: 100%;
                width: 100%;
                display: flex;/*设置为弹性容器*/
                align-items: center; /*定义div1的元素垂直居中*/
                justify-content: center; /*定义div1的里的元素水平居中*/
                background: green;
            }
            .div2{
                width: 50%;
                height: 50%;
                background: red;
            }
        style>
    head>
    <body>
        <div class="div1">
            <div class="div2">div>
        div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第3张图片

法三：绝对定位时的一种巧妙方法

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                height: 50%;
                width: 50%;
                background: red;
                            
                position:absolute; /*这里必须是absolute绝对定位*/
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin:auto;
            }
        style>
    head>
    <body>
        <div class="div1">div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第4张图片

 

二、div内文字相对div垂直居中的一些方法：

1.当height、width固定大小时，有如下两种方法可以实现：

法一：只要保证line-height和height相同，即可保证div内的文字垂直居中

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文字垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                height: 100px;
                line-height: 100px;
                width: 100px;
                background: red;        
            }
        style>
    head>
    <body>
        <div class="div1">我的文字1div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第5张图片

法二：利用table-cell实现

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                /*这里的宽和高必须固定*/
                height: 500px; 
                width: 500px;
                display:table-cell;
                vertical-align: middle;
                background: green;            
            }
        style>
    head>
    <body>
        <div class="div1">文字垂直居中div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第6张图片

2.当height、width是百分比大小时，上面的方法就不适用了，用如下方法：

法一：借鉴了CSS3的弹性布局（flex）

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>垂直居中title>
        <style>
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
                width: 100%;
            }
            .div1{
                /*这里的宽和高必须固定*/
                height: 50%; 
                width: 50%;
                background: red;
                display: flex;/*设置为弹性容器*/
                align-items: center; /*定义div1的元素垂直居中*/
                justify-content: center; /*定义div1的里的元素水平居中*/        
            }
            .div2{
                background: green;
            }
        style>
    head>
    <body>
        <div class="div1">
            <div class="div2">文字垂直居中div>
        div>
    body>
html>

 运行效果：

CSS——div垂直居中及div内文字垂直居中_第7张图片

----------------------------------分割线--------------------------------

 以上就是我目前知道的一些方法，如果后期还有新的方法，我会及时更新，方便自己，也方便他人。

 

转载于:https://www.cnblogs.com/FHC1994/p/10558676.html

你可能感兴趣的:(CSS——div垂直居中及div内文字垂直居中)

  • Topaz Video AI——视频修复 爱研究的小牛 AIGC—视频AIGC
    一、TopazVideoAI介绍及使用TopazVideoAI是一款基于人工智能的视频增强和修复软件，主要用于提升视频质量、去噪、插帧和分辨率提升。它利用深度学习技术对视频进行智能化处理，使得视频看起来更加清晰和流畅。TopazVideoAI特别适合那些需要修复旧视频、提升低分辨率视频质量的用户。二、TopazVideoAI的主要功能视频去噪：通过AI模型去除视频中的噪点，使画面更加干净。分辨率提
  • RPA与Python 空着
    部分朋友可能是了解Python的。Python这两年，火的两点，就是聚焦于两个场景：数据抓取和办公自动化。那么Python算RPA吗？RPA是一种概念，依托于这个概念诞生了很多产品。而Python是一种计算机语言，Python不仅仅可以做RPA概念范围内的东西，还可以做其他东西。但是，Python做数据抓取也好，做办公自动化也好，他都是聚焦于具体的场景本身。而并非聚焦于RPA概念上的。所以，很少见
  • 行业模板｜DataEase企业管理大屏模板推荐 FIT2CLOUD飞致云 开源数据可视化DataEase模板市场数据大屏企业管理
    DataEase开源BI工具于2022年6月发布模板市场（https://templates.dataease.cn），并于2024年1月新增适用于DataEasev2版本的模板分类。模板市场旨在为DataEase用户提供专业、美观、拿来即用的大屏模板，方便用户根据自身的业务需求和使用场景选择对应的大屏模板，并且在优质模板的基础上轻松制作自己的仪表板及数据大屏。截至2024年12月18日，Data
  • 小马模拟器-第三方全街机游戏模拟器 私人珍藏库 游戏
    链接：https://pan.xunlei.com/s/VOHSiB6st-f3RWlIK01MS2fUA1?pwd=44v7#1.小马模拟器是一款完全免费的游戏模拟器软件，支持街机（FBA,MAME,PGM2）,3DS,WII,NGC,DC,SS,DOS,MD,WSC,NDS,JAVA,PCE,FC,SFC,GBA,GBC,PSP,PS,N64等多种游戏机，后续还将不断增加中。软件内集成了ROM
  • nginx常用配置及调优 大白菜和MySQL linuxnginxnginx服务器网络
    文章目录nginx编译安装php编译安装整合nginx连接php测试LNMP环境的PHP服务是否可以连接mysqlnginx配置ssl证书及http跳转https编译安装nginx后新添加模块隐藏nginx版本号和标识配置nginx运行用户和cpu亲和性优化nginx事件处理模型优化nginx最多可打开文件数优化nginx进程最大并发连接数虚拟主机(servername)和location匹配规则
  • 如何优化Python开发：PIP和Anaconda的作用及国内源设置指南 Chaiio Dain pythonpythonpip开发语言conda
    前言在现代数据科学和软件开发的世界中，Python已经成为了最受欢迎的编程语言之一。其强大的生态系统和丰富的第三方库使得开发者可以快速构建各种应用程序和解决方案。然而，随着项目规模的扩大和复杂性的增加，管理Python包和依赖项变得尤为重要。PIP（Python包管理工具）和Anaconda（一个开源的Python发行版）就是在这种背景下应运而生的重要工具。PIP和Anaconda不仅简化了包的安
  • 细节增强注意力模型DEAB详解及代码复现 清风AI 深度学习算法详解及代码复现深度学习人工智能神经网络python计算机视觉机器学习conda
    基本原理DEAB模型的基本原理是通过细节增强卷积（DEConv）和内容引导注意力（CGA）机制的协同工作来实现细节增强注意力功能。这种设计使得模型能够在处理图像时更好地保留细节信息，同时关注图像中的重要内容。DEAB模型的核心组件包括：细节增强卷积（DEConv）：DEConv是一种创新的卷积层设计，通过并行部署普通卷积和差分卷积来增强特征提取能力。差分卷积包括中心差分卷积（CDC）、角差分卷积（
  • XXL-CONF v1.7.0 | 分布式服务管理平台（配置中心 & 注册中心）
    ReleaseNotes1、【升级】XXL-CONF升级重构，XXL-CONF是一站式服务管理平台，作为服务配置中心与注册中心，提供动态配置管理、服务注册与发现等核心能力；降低中间件认知及运维成本；2、【整合】XXL-CONF整合XXL-RPC注册中心（xxl-rpc-admin）能力，提供轻量级服务动态注册及发现能力；3、【重构】XXL-CONF客户端代码重构，模块化设计实现，提升可扩展性与稳定
  • 【系统架构设计师-2023年真题】综合知识-答案及详解 数据知道 系统架构设计师(软考高级)系统架构综合知识架构系统架构设计师软考高级
    更多内容请见：备考系统架构设计师-核心总结索引文章目录【第1~2题】【第3题】【第4~5题】【第6题】【第7题】【第8题】【第9题】【第10~11题】【第12题】【第13题】【第14题】【第15题】【第16题】【第17题】【第18题】【第19题】【第20题】【第21~22题】【第23题】【第24~25题】【第26题】【第27题】【第28题】【第29题】【第30题】【第31题】【第32~33题】【第
  • http协议中网络请求的响应码是401,代表身份认证失败 Flamingo_huohuo 学习vue得知道这些网络前端
    401是什么错误在网络请求和HTTP协议的范畴内，401错误是一种常见的状态码，全称为“401Unauthorized”，下面从含义、产生原因、解决方案、实际应用场景几个方面为你详细介绍。含义401状态码表示客户端在请求需要身份验证的资源时，没有提供有效的身份验证凭证，或者提供的凭证无效，服务器拒绝了该请求。简单来说，就是客户端尝试访问受保护的资源，但没有通过身份验证。产生原因未提供身份验证信息：
  • django项目部署ubuntu服务器,Ubuntu部署Django项目方法详解 weixin_39965075
    教程使用的软件版本：Ubuntu18.04.1LTS，django2.0，Python3.6.5、nginx-1.13.7、uWSGI(2.0.17.1)，Ubuntu是纯净的，全新的。下面我们开始来部署。如果觉得看文字没意思，想看视频教程的，请点击这里：Django项目部署视频教程一、更新操作系统和安装依赖包#更新操作系统软件库sudoapt-getupdatesudoapt-getupgrad
  • OpenGL C++视频中添加图片及文字水印播放并录制 Everbrilliant89 音视频开发OpenGL相关OpenGL图片水印OpenGL视频图片文字水印OpenGL文字水印OpenGL视频水印录制OpenGL视频水印播放GL视频中绘制图片文本水印视频水印录制
    一.前言：GitHub地址：GitHub-wangyongyao1989/WyFFmpeg:音视频相关基础实现系列文章：1.OpenGLTextureC++预览Camera视频；2.OpenGLTextureC++CameraFilter滤镜;3.OpenGL自定义SurfaceViewTextureC++预览Camera视频;4.OpenGLTextureC++CameraFilter滤镜视频录
  • Redis集群的高可用架构及维护 AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介2019年，随着云计算、微服务架构和容器技术的流行，NoSQL数据库和缓存技术越来越受到企业应用需求的关注。Redis集群作为一款开源内存键值存储数据库，在高性能、易用性等方面都给予了开发者更高的满意度。但在实际生产环境中运行Redis集群却并不容易，如何保证Redis集群的高可用、可靠性和持久化一直是很多公司关心的问题。本文将从以下两个角度出发，分析Redis
  • Cesium 中那些改变视角的方法，带你彻底了解 cesium 相机 WebGIS小智 Cesium高阶教学cesiumcameraflyto三维开发
    对于cesium的初学者来讲，相机是不可饶过的一部分知识，这篇文章我们就来彻底的玩一下cesium里的相机。首先要搞清楚一个问题，cesium视角的变动不止一个方法可以完成哦，viewer本身就是有flyTo的方法的。不过viewer的flyTo和camera的flyTo还是有些区别的。首先viewer的flyTo的参数及用法如下：viewer.flyTo(target,options)这里面的t
  • CSS学习笔记9——定位position green_pine_ CSScss学习笔记前端html
    CSS定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子定位组成定位=定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式边偏移决定了该元素的最终位置定位模式通过position属性来设置值语义static静态定位relative相对定位absolute绝对定位fixed固定定位边偏移属性：top、bottom、left、right属性示例描述toptop:
  • linux常用命令及其用法整理 银月流霜 Linuxlinux运维服务器
    文章目录帮助和信息文件与目录查看文件及内容处理文件与目录权限管理查看系统信息搜索文件网络操作命令磁盘与文件系统用户管理用户信息文件压缩及解压缩Linux内置命令系统管理与性能监视命令关机/重启/注销和查看系统信息的命令任务/进程管理帮助和信息man查看命令手册用法：man[命令名]示例：manls（查看ls命令的手册）info显示命令信息（通常比man更详细）用法：info[命令名]示例：info
  • WPF常见面试题解答 源之缘-OFD解决方案之道 WPFwpf
    以下是WPF（WindowsPresentationFoundation）面试中常见的问题及解答，涵盖基础概念、高级功能和实际应用，帮助你更好地准备面试：基础概念什么是WPF？WPF是微软开发的用于构建桌面应用程序的UI框架，基于XAML（可扩展应用程序标记语言）和.NETFramework。它支持2D和3D图形、动画、数据绑定、多媒体等功能。WPF支持哪些类型的文档？WPF支持流格式和固定格式文
  • 游戏AI 技术方案部分解析 |用 AI 技术，练就 FPS 游戏中的刚枪王！ 游戏智眼 游戏AI人工智能
    一、整体方案详情FPS作为重度竞技游戏品类，存在显著的新手留存问题及高端匹配困难问题，通过引入AI陪玩智能体来针对性解决FPS品类通用痛点。在这个过程中，我们用到了强化学习，让AI通过自我在游戏中学习探索，最终成为超越或比肩人类顶尖玩家水平的强大AI。1.针对新手留存问题通过引入不同水平的陪玩智能体+智能投放来为新手玩家设计好前20局甚至前50局的对战，为玩家制造一个平滑的新手过渡期，帮手玩家更顺
  • 【OTFS与信号处理：论文阅读1】：考虑分数多普勒的OTFS系统有效信道估计（24.01.16更新） Cuby! OTFS论文学习信号处理论文阅读人工智能
    2023.06.05最近在研究OTFS考虑分数多普勒时信道估计与信号检测相关问题，最近精读了一篇论文，并针对论文中部分公式进行推导，故记录一下学习过程。【OTFS与信号处理：论文阅读1】EfficientChannelEstimationforOTFSSystemsinthePresenceofFractionalDoppler前言一、摘要及背景摘要分数多普勒的引入估计分数多普勒的意义研究现状二、
  • Vue 3 中的 ref 完全指南 m0_74824002 vue.js前端javascript
    Vue3中的ref完全指南Vue3引入了CompositionAPI，其中ref是关键的一部分。ref可以让我们更方便地在组件中定义响应式数据，在模板中使用语法糖时尤为简洁。本文将详细讲解Vue3中ref的概念、用途及常见用法，并通过示例展示如何在实际开发中利用ref提升开发效率。一、什么是refref是Vue3CompositionAPI中定义响应式数据的核心函数。ref可以使基本类型（字符串、
  • 2024 年 MathorCup 数学应用挑战赛——大数据竞赛 赛道 B：电商品类货量预测及品类分仓规划 思路和代码 持续更新中 2025年数学建模美赛 数学建模2024年大数据第五届MathorCupB题
    2024年所有数学建模类比赛的个人思路和代码都会发布到专栏内,会结合最新的chatgpt发布思路,开赛一天后恢复原价99,不代写论文,不回复私信.没有群,只需订阅一次目录问题分析与解决思路问题1：货量预测模型问题2：一品一仓分仓规划问题3：一品多仓分仓规划总结这类大数据竞赛的重点在于构建一个全面的预测和优化模型，通过数据处理、时间序列分析以及运筹优化来完成货量预测和分仓规划。下面是一个解决问题的整
  • xss靶场练习之xss.haozi.me解析及答案 钟情妺喜107 xss安全前端
    目录0x000x010x020x030x040x050x060x070x080x090x0A0x0B0x0C0x0D0x0E0x0F0x100x110x120x00先看源码，没有任何限制，所以很简单，直接抛出一个常规的payload就过了alert(1)0x01看源码里注入点是在标签中的,所以用上一题的方法是不会被解析的,所以要去构造一个标签,闭合,就可以注入alert(1)当然这个题也有其他的做
  • C++ —— 智能指针 unique_ptr （上） 奶香臭豆腐 c++开发语言学习
    C++——智能指针unique_ptr（上）普通指针的不足普通指针的释放智能指针智能指针unique_ptr智能指针初始化错误用法get()方法返回裸指针智能指针不支持指针的运算（+、-、++、--）普通指针的不足new和new[]的内存需要用delete和delete[]释放（堆区的内存一定要手工释放，否则会发生内存的泄露）；程序员主观上的失误，忘记或漏掉释放；不确定何时释放。普通指针的释放类内
  • 使用YOLOv8训练一个无人机（UAV）检测模型，深度学习目标检测中_并开发一个完整的系统 yolov8来训练无人机数据集并检测无人机 QQ_767172261 无人及视角YOLO无人机深度学习
    使用YOLOv8训练一个无人机（UAV）检测模型，深度学习目标检测中_并开发一个完整的系统yolov8来训练无人机数据集并检测无人机无人机数据集，yolo格式种类为uav，一共近5w张图片，如何用yolov8代码训练无人机检测数据集文章目录以下文章及内容仅供参考。1.环境部署2.数据预处理数据集准备划分数据集3.模型定义4.训练模型5.评估模型6.结果分析与可视化7.集成与部署PyQt6GUI(`
  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽安全-黑客4148 网络安全web安全linux密码学CTFpythonddos
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 奇怪的比赛（Python，递归，状态压缩动态规划dp） 不染_是非 python算法python动态规划算法蓝桥杯
    目录前言：题目：思路：递归：代码及详细注释：状态压缩dp：代码及详细注释：总结：前言：这道题原本是蓝桥上的题，现在搜不到了，网上关于此题的讲解更是寥寥无几，仅有的讲解也只是递归思想，python讲解和状态压缩dp的解决方法都没有，这里就带大家用状态压缩dp方法来解决此题。题目：大奖赛计分规则：每位选手需要回答10个问题（其编号为1到10），越后面越有难度。答对的，当前分数翻倍；答错了，则扣掉与题号
  • Java创建型模式（一）——单例设计模式（饿汉式、懒汉式、枚举式，以及序列化反序列化破环单例模式和反射破环单例模式及破环单例模式的解决办法 | 完成详解，附有代码+案例） 蔚一 Java知识java设计模式开发语言intellij-idea单例模式
    文章目录单例设计模式4.1.1单例模式的结构4.1.2单例模式的实现4.1.2.1饿汉式-静态变量方式4.1.2.2饿汉式-静态代码块方式4.1.2.3懒汉式-线程不安全4.1.2.4懒汉式-线程安全4.1.2.5懒汉式-双重检查锁4.1.2.6饿汉式—枚举类4.3单例模式存在的问题4.3.1序列化反序列化破环单例模式4.3.2反射破环单例模式4.4解决单例模式存在的问题4.4.1序列化、反序列方
  • JS面向对象封装 ESC/POS 指令打印类 warmbook javascript前端node.js
    微信小程序蓝牙打印请搜索插件ESCPOS指令打印，先申请，再V我50RMB可永久使用。代码中用到的中文转码方法见：gbk.jsgb2312编码字符转Uint8Array，解决打印机中文乱码问题基类命令规则参考小程序插件文档Printer类部分import{isAscii,U2B}from'./gbk.js';constfontSize=12,/*计算字符串长度(1个中文=2个英文字符)*/char
  • vue 拖动、缩放容器组件，支持移动端双指缩放和PC端鼠标滚轮缩放 warmbook 笔记vue.js前端html5
    原理本组件基于CSS的transform实现。移动端监听touch事件（单指移动，双指移动+缩放），PC端监听mouse事件（移动）和滚动事件wheel（缩放），更新transform的translateX/translateY/scale值，从而实现缩放、移动。由于transform不会产生重排，因此不节流也可以有很好的性能，用户体验就像德芙，纵享丝滑！鼠标事件比较好理解，记录鼠标按下时的坐标，
  • 矩阵可逆的充要条件及证明 吴天德少侠 线性代数
    1.定理设AAA为nnn阶矩阵，则如下命题等价AAA是可逆的AX=0AX=0AX=0只有0解AAA与III行等价AAA可表示为有限个初等矩阵的乘积2.证明2.1证明:1→21\rightarrow21→2已知AAA可逆，证明AX=0AX=0AX=0只有0解。证明：∵A\because\A∵A可逆∴A−1\therefore\A^-1∴A−1存在⇒A−1AX=A−10\Rightarrow\A^{-
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他