- 按钮的“禁用”样式
wangbinXMU
前端DOMcss
有时由于需要，需要将自己写的按钮禁用如：保存css:.save{display:block;width:50px;height:50px;line-height:50px;border-radius:100%;background:blue;color:#fff;text-align:center;}显示为：要是input和button做的按钮，当然采用disabled属性即可解决；要是自定义的按
- js_采用事件委托方式实现tab栏切换
伐木累!
前端笔记javascriptcss前端
采用事件委托方式实现tab栏切换*{margin:0;padding:0;}.tab{width:590px;height:340px;margin:20px;border:1pxsolid#e4e4e4;}.tab-nav{width:100%;height:60px;line-height:60px;/*将元素的布局方式设置为弹性盒子（Flexbox），使子元素可以灵活地排列和调整大小。*/d
- 云南农职《JavaScript交互式网页设计》 综合机试试卷④——蔚蓝网导航栏
2401_89790580
javascript开发语言ecmascript
您好，欢迎光临蔚蓝网！[登录][免费注册]购物车|我的账户|我的订单|礼品卡|新手入门购物保障购物流程会员介绍常见问题|客户服务css：*{margin:0;padding:0;}a{color:black;text-decoration:none;}/*整个导航栏样式*/#top{width:100%;height:50px;margin:0auto;line-height:50px;backg
- html标题行距怎么设,html怎么设置行距
weixin_39762666
html标题行距怎么设
html中，可以通过style属性，给段落元素添加“line-height:间距值;”样式来设置行距，例“本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。html设置行距这是一个标准行高的段落。这是一个标准行高的段落。大多数浏览器的默认行高约为110%至120%。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一
- CSS3盒模型与布局
天涯学馆
大前端&移动端全栈架构css3前端css
盒模型与布局居中对齐文本居中对齐水平居中使用text-align:center;属性在块级元素内使内联元素（如文本、图片等）水平居中。.parent{text-align:center;}垂直居中使用line-height设置为与容器高度相同的值，实现单行文本的垂直居中。.parent{height
- java爬虫破解滑块验证码_计算缺口滑块图和完整滑块图者差距
2401_86372526
java爬虫javascript
#slider{position:relative;background-color:#e8e8e8;width:300px;height:34px;line-height:34px;text-align:center;}#slider.handler{position:absolute;top:0px;left:0px;width:40px;height:32px;border:1pxsolid
- 5.5 行高的取值
2401_83398041
css基础css
行高的取值line-heightpx、像素值em没有单位Document.container{/*无论怎么设置，最终会转换为px单位*//*line-height:30px;*//*em：行高是字体大小的两倍*//*em：先计算像素值，再继承，那么p1、p2的line-height为container的字体大小的两倍*//*line-height:2em;*//*没有单位：先继承，再计算为像素值*
- CSS垂直居中的24种方法(最全最仔细)
兴风键盘侠
前端开发css前端
在CSS中，垂直居中的方法有很多，具体的实现方式取决于布局的上下文（如是否有父容器、是否是块级元素、是否固定高度等）。以下是最全的CSS垂直居中方法：1.使用line-height(仅用于单行文本)适用于单行文本，并且元素的高度已知。div{height:200px;line-height:200px;/*line-height设置为与容器高度相同*/text-align:center;}2.使用
- javascript添加p元素，html添加文字，appendChild
游勇一
javascripthtml添加pappendChild
javascript添加p元素，html添加文字，appendChild。网页添加p元素效果截图。个人签名：游志勇，预制板，南托岭预制场。文字展示#wordsadd{font-size:70px;word-break:break-all;}#wordsaddp{margin:002px0;padding:002px0;line-height:93%;}.btn_width{width:90px;}
- CSS截取字符串，多余文字用省略号显示
这真的是一个帅气的名字
line-height:30px;text-align:center;text-overflow:ellipsis;/*让超出的用...实现*/white-space:nowrap;/*禁止换行*/overflow:hidden;/*超出的隐藏*/display:block;多行：border:1pxsolid#ddd;width:200px;word-break:break-all;text-o
- CSS 元素超出部分滚动, 并隐藏滚动条（2种方法）
就像风1样
cssCSS样式专栏css溢出滚动隐藏滚动条
方法一,利用css3的新特性-webkit-scrollbar,但是这种方式不兼容火狐和IE超出部分隐藏滚动条#box{width:500px;height:300px;overflow-x:hidden;overflow-y:scroll;line-height:30px;text-align:center;}#box::-webkit-scrollbar{display:none;}你好你好你
- mxgraph创建流程实现简单的加减乘除
lost_wen
mxgraphmxgraph
html{min-width:800px;}body{margin:0auto;font-size:12px;height:550px;}input.form-control,button.btn{font-size:12px;height:25px;line-height:12px;}#container{width:100%;height:500px;overflow:hidden;backg
- 基本页面布局（一级和二级导航栏）
小鱼爱吃火锅
前端
*{margin:0;padding:0;}#header{height:112px;background-color:gray;}header{height:80px;background-color:rgba(255,0,0,0.5);}headerh2{text-align:center;line-height:80px;}/*一级导航栏*/#nav{text-align:center;}#
- css实现卡片右上角的状态
煮豆燃豆萁~
css前端javascript
1、成品展示2、html部分{{statusList[item.status]}}3、css部分.itemBox{position:relative;overflow:hidden;}.status{height:25px;line-height:25px;background:#EC8E71;font-size:13px;color:#FFF;position:absolute;right:0;
- js合并table表格中一列合并相同内容的单元格
liush0108
js
Titletable,tabletrth,tabletrtd{border:1pxsolid#0094ff;}table{width:200px;min-height:25px;line-height:25px;text-align:center;border-collapse:collapse;}时间姓名内容周一张三123周一李四444周一李四5555周二李四123周二李四444周二李四5555
- 05|内联元素与流
井润
01|字母xCSS世界中隐匿的举足轻重的角色因为涉及到排班或者说对齐的,其实都是离不开一个基本的概念:baseline(基线)line-height行高的定义就是两基线的间距,vertical-align的默认值也是基线(字母x的下边缘)!01|字母X与CSS中的x-height其中x-height是CSS中的一个概念,表示小写字母x的高度,其术语的意思表示为baseline和midline之间的
- DOM鼠标事件、 表单事件、添加事件监听
船长㉿
JavaScript
鼠标事件click:单机事件dblclick：双击事件mousedown:鼠标按下时触发mouseup:鼠标抬起是触发mouseenter:鼠标移入触发mouseleave：鼠标离开触发mousemove:鼠标移动.btn{width:100px;height:50px;border-radius:10px;background:gray;line-height:50px;cursor:point
- html5文本/块级居中问题
蔚一
htmlhtml5javascriptcsscss3
文本居中单行文本居中一设置line-height=height，如下代码：*{margin:0;padding:0;}.wrap{width:300px;height:300px;margin:20pxauto;border:1pxsolidred;/*让line-height=height即可*/line-height:300px;text-align:center;}nihaoweiduoke
- vue-quill-editor富文本使用
等....
vue.js前端javascript
一、准备css文件用于自定义富文本样式(我的放到了assets/css/quillEditor).ql-snow.ql-picker{height:none!important;}/*行高*/.ql-picker-options{line-height:1.5;}/*标题*/.ql-snow.ql-picker.ql-header.ql-picker-label::before,.ql-snow.
- 微信小程序--31(todolist案例)
阿巴阿巴啊啊啊
小程序学习微信小程序小程序
一.功能输入待办事件添加代办事件删除代办事件二、步骤1.添加输入框.wxml代码：.wxss代码：/*1.输入框样式*/input{border:1rpxsolidblue;height:50px;line-height:50px;border-radius:10px;}效果图：2.添加按钮.wxlm代码：add.wxss代码：/*#将输入框和按钮放置到一行样式*/.box{display:fle
- 一个简单的微信小程序表单提交样式模板
w宇宙王
微信小程序小程序
没什么东西，只是方便自己直接复制使用.wxml姓名：学校：职位选择：提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color:rgb(221,230,230);margin-bottom:10rpx;border-radius:30rpx;}.head{line-height:100rpx;margin-left:30
- 无缝滚动
吃肉肉不吃肉肉
javascript第1章javascript第2章javascript第3章javascript第4章javascript第5章javascript第6章javascript第7章javascript第8章javascript第9章javascript第10章设置css样式：*{margin:0;padding:0;}ul{list-style:none;}li{line-height:37px
- css-左三角
前端笨鸟
html学习笔记css
左三角div{width:0;height:0;border-style:solid;border-width:5px05px7px;border-color:transparenttransparenttransparentred;font-size:0;line-height:0;}
- css 动画效果：水平直线来回运动：animation
CAD GIS开发
css前端
background:url(https://hao2.qhimg.com/t01b958e8662853d1c8.png)no-repeat;background-size:119px30px;color:#fff;display:inline-block;height:30px;width:119px;line-height:27px;position:absolute;left:-115px
- 文字溢出容器省略号展示处理
DARKSIIIDE
文字溢出容器，要打点展示一、单行文本HTMLnjhsahdyihdkandwidywhdnhcujsanxjiuyswfdiuahcfoauyfhceencuiebweifjefnieubyiuyhkhyCSSp{width:300px;height:20px;line-height:20px;white-space:nowrap;/*文字移到边界强制性不换行直接溢出容器显示*/overflow:
- 从0到1制作WordPress主题#7添加样式和分解文件
埼玉是个逗B
添加样式打开style.css文件添加一些基本样式。整个项目的目的并不是要创建一些外观漂亮的主题，我只是希望您熟悉PHP代码以及如何设置主题。1、在样式表中加入以下代码：body{font-family:Arial;font-size:15px;color:#333;background:#f4f4f4;margin:0;padding:0;line-height:1.7em;}header{ba
- height和line-height
alfalfaw
height定义元素自身高度line-height设置行间的距离(行高)，可以控制文字行与行之间的距离关系:height设置后元素高度固定不变，line-height设置元素内部p{line-height:26px}图片来源网络单行文字垂直居中只要设置行高和元素高度一致即可单行文字居中对齐line-height=height多行文字居中可以在文字外面加上div标签，让div在父盒子居中对齐多行文字
- 用css实现鼠标移入按钮，按钮出现动态的渐变色边框效果
千叶KE
csshtmlhtml5
用css实现边框的动态渐变色效果，希望对各位能有一些帮助。边框.html边框鼠标移入此处，边框变色动态边框.css/*初始状态，注意设置相对定位*/div{width:300px;height:100px;line-height:100px;text-align:center;box-sizing:border-box;position:relative;}/*渐变色边框*/div::before
- line-height,a,title,href
YangJeremy
line-height属性设置行间的距离（行高），不允许使用负值。行高具体来说就是两行文字间基线之间的距离。百分数表示p.small{line-height:90%}p.big{line-height:200%}其作用是调整文字间的距离；使一行文字在div里垂直居中。譬如，line-height:2表示这行文字占用的空间是它本身高度的两倍。查看兼容性需要在网站caniuse以inline-bloc
- 登录然后可以退出登录回到登录页面
前端许
登录页面style{body{background-color:aquamarine;}.login{width:350px;height:400px;border:2pxsolidrebeccapurple;margin:100pxauto;}.loginh3{line-height:35px;text-align:center;font-size:17px;font-weight:bold;}
- jvm调优总结（从基本概念 到 深度优化）
oloz
javajvmjdk虚拟机应用服务器
JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html
Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
- 【Scala十六】Scala核心十：柯里化函数
bit1129
scala
本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系 1. 什么是柯里化函数
A way to write functions with multiple parameter lists. For instance
def f(x: Int)(y: Int) is a
- HashMap
dalan_123
java
HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。
1、数据结构
在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
- Java Swing如何实时刷新JTextArea，以显示刚才加append的内容
周凡杨
java更新swingJTextArea
在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。
问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
- servlet或struts的Action处理ajax请求
g21121
servlet
其实处理ajax的请求非常简单，直接看代码就行了：
//如果用的是struts
//HttpServletResponse response = ServletActionContext.getResponse();
// 设置输出为文字流
response.setContentType("text/plain");
// 设置字符集
res
- FineReport的公式编辑框的语法简介
老A不折腾
finereport公式总结
FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。
简单的说下自己感觉的公式要注意的几个地方：
1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
- linux mysql 数据库乱码的解决办法
墙头上一根草
linuxmysql数据库乱码
linux 上mysql数据库区分大小写的配置
lower_case_table_names=1 1-不区分大小写 0-区分大小写
修改/etc/my.cnf 具体的修改内容如下:
[client]
default-character-set=utf8
[mysqld]
datadir=/var/lib/mysql
socket=/va
- 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想
aijuans
Spring 3
ApplicationContext能读取多个Bean定义文件，方法是：
ApplicationContext appContext = new ClassPathXmlApplicationContext（
new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
- mysql 基准测试之sysbench
annan211
基准测试mysql基准测试MySQL测试sysbench
1 执行如下命令，安装sysbench-0.5：
tar xzvf sysbench-0.5.tar.gz
cd sysbench-0.5
chmod +x autogen.sh
./autogen.sh
./configure --with-mysql --with-mysql-includes=/usr/local/mysql
- sql的复杂查询使用案列与技巧
百合不是茶
oraclesql函数数据分页合并查询
本片博客使用的数据库表是oracle中的scott用户表;
------------------- 自然连接查询
查询 smith 的上司(两种方法)
&
- 深入学习Thread类
bijian1013
javathread多线程java多线程
一． 线程的名字
下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。
同时，Thr
- JSON串转换成Map以及如何转换到对应的数据类型
bijian1013
javafastjsonnet.sf.json
在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。
一.fastjson实例
JsonUtil.java
package com.study;
impor
- 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架
bit1129
spring
HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成
在
【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
- 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析
bit1129
Mahout
#!/bin/bash
#
# Licensed to the Apache Software Foundation (ASF) under one or more
# contributor license agreements. See the NOTICE file distributed with
# this work for additional information re
- nginx三种获取用户真实ip的方法
ronin47
随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。
实例环境： 用户IP 120.22.11.11
- java-判断二叉树是不是平衡
bylijinnan
java
参考了
http://zhedahht.blog.163.com/blog/static/25411174201142733927831/
但是用java来实现有一个问题。
由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass
import ljn.help.*;
public class BalancedBTree {
- BeanUtils.copyProperties VS PropertyUtils.copyProperties
诸葛不亮
PropertyUtilsBeanUtils
BeanUtils.copyProperties VS PropertyUtils.copyProperties
作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
- [金融与信息安全]最简单的数据结构最安全
comsci
数据结构
现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？
从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
- vi区段删除
Cwind
linuxvi区段删除
区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。
vi概述
引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。
vi区段删除步骤：
1. 在末行模式下使用:set nu显示行号
非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
- 清除tomcat缓存的方法总结
dashuaifu
tomcat缓存
用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。
出现这种现象的原因主要是tomcat缓存的原因。
解决办法如下:
在jsp文件头加上
<meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
- 不要盲目的在项目中使用LESS CSS
dcj3sjt126com
Webless
如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》
不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。
比如它的引用功能
?
.rounded_corners{
- [入门]更上一层楼
dcj3sjt126com
PHPyii2
更上一层楼
通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。
本章将介绍一些有助于更好使用 Yii 的资源：
- Apache HttpClient使用详解
eksliang
httpclienthttp协议
Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
- zxing二维码扫描功能
gundumw100
androidzxing
经常要用到二维码扫描功能
现给出示例代码
import com.google.zxing.WriterException;
import com.zxing.activity.CaptureActivity;
import com.zxing.encoding.EncodingHandler;
import android.app.Activity;
import an
- 纯HTML+CSS带说明的黄色导航菜单
ini
htmlWebhtml5csshovertree
HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航
在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：
<!DOCTYPE html >
<html >
<head>
<title>HoverTree
- fastjson初始化对性能的影响
kane_xie
fastjson序列化
之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。
网上的说法：
fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
- 基于Mybatis封装的增删改查实现通用自动化sql
mengqingyu
DAO
1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。
2.支持自定义注解包括主键生成、列重复验证、列名、表名等
3.支持批量插入、批量更新、批量删除
<bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
- js控制input输入框的方法封装(数字，中文，字母，浮点数等)
qifeifei
javascript js
在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/
funct
- java 计时器应用
tangqi609567707
javatimer
mport java.util.TimerTask; import java.util.Calendar; public class MyTask extends TimerTask { private static final int
- erlang输出调用栈信息
wudixiaotie
erlang
在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。
也可以用这个函数：erlang:get_s
