- 一串奇特的代码
hi武林高手
一个空的div元素,所有浏览器的渲染结果都不一样。body{display:table-cell;vertical-align:middle;//垂直居中}div{margin:atuo;height:100px;width:100px;outline:inset100pxgreen;//设置4个边框的样式outline-offset:-125px;//对轮廓进行偏移}html{display:t
- ant design 表单label固定宽度
花开富贵城
css前端html
labelCol:{style:'width:80px;display:inline-block;vertical-align:inherit;'},wrapperCol:{style:'width:calc(100%-80px);display:inline-block;'},
- 05|内联元素与流
井润
01|字母xCSS世界中隐匿的举足轻重的角色因为涉及到排班或者说对齐的,其实都是离不开一个基本的概念:baseline(基线)line-height行高的定义就是两基线的间距,vertical-align的默认值也是基线(字母x的下边缘)!01|字母X与CSS中的x-height其中x-height是CSS中的一个概念,表示小写字母x的高度,其术语的意思表示为baseline和midline之间的
- vertical-align: bottom;
fury_123
html前端
问:这个弹框中,"张三"文字在某些ios手机中会上升到顶部,图片也会移动,西方二维码也会向下移动,请问什么原因?回答:我们在"张三"这个元素dt上,加上了vertical-align:bottom;这个属性,让这个在顶部的元素在最下面,就解决了样式错乱的问题.
- web前端开发篇(6)---flex布局详解
布呐呐na
前端cssjavascript
1flex布局原理flex是flexibleBox的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局后,子元素的float、clear和vertical-align属性将失效伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局父盒子称为容器container,子元素称为项目item布局原理:通过给父盒子添加flex属性
- 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
weixin_39905500
1Flex布局首先聊聊Flex布局,Flex布局又称“弹性布局”,任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction:决定项目的排列方向,默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
- 简单的轮播图实现
小透明进击战
*{margin:0;padding:0;}li{list-style:none;}img{vertical-align:top;}.box{width:730px;height:454px;padding:5px;margin:100pxauto;border:1pxsolid#ccc;}.inner{width:730px;height:454px;background-color:#0099
- 前端学习day8--CSS(定位,堆叠,CSS精灵,字体图标,过渡/修饰属性)
cuier520
前端学习学习css前端
目录定位:功能:使用方式:相对定位:相对定位的特点:绝对定位:绝对定位的特点:定位居中:固定定位:编辑定位总结:堆叠层级:编辑CSS精灵:使用方法:字体图标:下载字体:使用字体:字体图标特有矢量图的上传:垂直对齐方式vertical-align:过渡transition:透明度opacity:光标类型cursor:定位:功能:可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式:定位有两
- 移动端基础:flex布局
象更
csscss3前端
flex布局原理弹性布局,任何容器都可以指定flex布局当父类设为flex布局之后子类的float、clear、vertical-align属性将失效采用flex布局的元素,称为flex容器所有子元素称为容器成员,简称‘项目’。可以横向排列也可以纵向排列通过给父类添加flex属性,控制子盒子位置和排列方式属性作用flex-direction设置主轴方向justify-content设置主轴上子元素
- css学习:轮播图
比尔盖茨接班人班长
css学习css3
轮播图写法一:定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
- 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基础样式
我不信这样也重名
CSS继承一、什么是CSS继承CSS继承是指我们设置父级CSS样式时,父级及以下的子级都具有此属性。二、不可继承的属性display:规定元素应该生成的框的类型文本属性:vertical-align、text-decoration、text-shadow、white-space、unicode-bidi等盒子模型属性:width、height、margin等背景属性:background等定位属性
- 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
- 前端web入门-CSS-day07-定位和css高级技巧
小周不摆烂
#前端web入门css前端css3html5html
(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录定位相对定位绝对定位定位居中固定定位堆叠层级z-index定位-总结高级技巧CSS精灵字体图标字体图标–下载字体字体图标–使用字体CSS修饰属性垂直对齐方式vertical-align过渡transition透明度opacity光标类型cursor定位作用:灵活的改变盒子在网页中的位置实现:1.定位模式:
- PC端常用公共样式
愉快的小跳蛙
css前端javascriptcss3
因为使用的单位均是px,所以不适用于H5(只使用于PC)@charset"UTF-8";/*格式化样式*/h1,h2,h3,h4,h5,h6,p,body,div,form,input,button,th,td,ol,ul,dl,li,dd,dt{margin:0;padding:0;}ol,ul{list-style:none;}img{vertical-align:middle;border:
- 行内元素垂直对齐以及图片底部白边问题(CSS查漏补缺)
hijackli
文:jack同学jiack同学问题:很多时候布局,多个行盒排列时垂直方向上对齐时不一致的解决:使用vertical-align属性设置行盒,可以设置middle,top,bottom,还有数值(如-4px/6px);这些基本上可以解决大部分的问题了。注意这个属性不具有继承性图片底部白边问题问题:当块盒包裹图片的时候,图片底部和块盒底部之间是有间隙的,这个间隙根据字体大小变大而间隙扩大。解决:给图片
- 时间轴插件
WebGiser
Github地址:https://github.com/dolymood/Timeline效果图:image.png1、项目结构image.png2、具体需要的文件2.1、css文件夹image.png2.2、js文件夹image.png2.3、img文件夹image.png3、html代码时间轴*{margin:0px;padding:0px;}img{vertical-align:top;di
- CSS ---
Mon trésor.88
css前端
目录一,元素的显示与隐藏1,display显示隐藏(重点!)2,visibility(可见性)显示隐藏3,overflow溢出显示隐藏二,精灵图三,字体图标:iconfont四,CSS三角编辑五,CSS用户界面样式1,更改用户的鼠标样式cursor2,表单轮廓(轮廓线outline)3,防止表单域拖拽resize六,vertical-align实现图片或表单(行内块元素)和文字垂直居中对齐编辑七,
- 基于vue实现待办清单案例
CAUC_lin
vuevue.jsjavascriptcss前端
一、需求新增内容;删除内容;统计操作;清空数据。示例图:二、代码演示1、基础准备index.css代码html,body{margin:0;padding:0;}body{background:#fff;}button{margin:0;padding:0;border:0;background:none;font-size:100%;vertical-align:baseline;font-fa
- CSS两列布局的N种实现
金色888
原理:两个元素都设置dislpay:inline-block,为了消除html空格的影响,父元素的font-size需要设置为0,右侧自适应元素的宽度使用calc函数计算。如果两个元素的高度不一样,可以给元素设置vertical-align:top调整。缺点:由于父元素设置了font-size为0,子元素内文字不会显示*{padding:0;margin:0;}.box{height:600px;
- 支付宝红包php,支付宝红包赏金跳转源码,一键复制红包码,裂变推广
MCPlayer542
支付宝红包php
[html]代码库支付宝到店红包搜索码跳转推广裂变-引流*{padding:0;margin:0;}.main{overflow:hidden;}a{color:black;}.mainimg{width:100%;outline-width:0px;vertical-align:top;}.main{position:relative;}.main.copy-container{width:10
- CSS中的ex单位、内联盒子模型、line-height与内联元素高度之间的关系完全详解!
极客小俊
作者:极客小俊一个把逻辑思维转变为代码的技术博主我不用拼过聪明人,我只需要拼过那些懒人我就一定会超越大部分人!原创技术文章ex单位、内联盒子模型、行高与内联元素.png字母x与css中ex单位之间的概念上面也说过了,vertical-align:middle并不是绝对的垂直居中于文字对齐!middle也只是一种近似接近于居中的效果!就是因为不同的字体在行元素中的位置是不一样的!中线位置也不一样,所
- css的flex-direction: column;与direction: rtl;的作用
天香自然,地上红豆
css前端javascript
flex个人理解对子元素影响设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。作用自身的样式1.flex-direction属性决定主轴的方向(即项目的排列方向)2.flex-wrap属性定义,如果一条轴线排不下,如何换行。3.flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为rownowrap。4.ju
- Vue2租车高德地图项目经验分享
成为前端大牛
项目经验总结vue.jsjavascript前端
1:html块级元素水平居中,只要有宽度,margin:auto;块级元素垂直居中,可以不设置父容器的高度,设置padding。用子容器的高度撑开,这样子容器就是垂直居中显示子元素块级元素如果不设置宽度,默认为父级宽度,因为块级元素独占一行css中的vertical-align属性只能用于行内元素和置换元素(例如图像和表单输入框),此属性不继承。2:css模块化引入样式:@import'./'定义
- 定位 , 锚点链接 盒子居中 ,透明度拓展
键盘上Disco
一.垂直对齐属性vertical-align:top|middle|bottomtd应用1.解决图片3px的问题(给图片设置vertical-align:不是默认就可以)2.表格内容的垂直对齐td注意只能在行内块元素可以用如imgbuttoninput二.定位概念:将一个元素放在指定的位置上position定位方式1.静态定位元素的默认的定位方式static2.固定定位fixed是基于浏览器当前屏
- 链接和按钮对不齐
海天鹰
CSScss
html-如何将HTML按钮与链接对齐?-IT工具网(coder.work)链接添加display:inline-block;按钮添加vertical-align:bottom;
- 安卓,qq浏览器img标签取消点击放大图片
厘子 车
样式csscss
问题:安卓的qq浏览器img标签点击会放大图片解决方案:img{pointer-events:none;vertical-align:sub;}关注博主更多文章https://blog.csdn.net/qq_39882537
- 字体图标
迦娜__
display:inline-block;之后元素陈列为行内元素的对齐方式,底部对齐。想让他们顶部对齐:vertical-align:top;backgrond-attached:fixed;锁定背景字体图标:www.iconfont.cnimg可以实现(注意:1.设置宽高2.Veritical-align3.请求过多)z-index设置重叠顺序,可以是0-1很大的值image.png
- 纯CSS加载中动画
阿古瓜
加载中动画效果dot{display:inline-block;height:1em;line-height:1;text-align:left;vertical-align:-.25em;overflow:hidden;}dot::before{display:inline-block;content:'...\A..\A.';white-space:pre;animation:dot3sinf
- html可编辑的表格
每天都进步一点点
jsJQhtmlhtmlhtml5css
可编辑表格table.wTable{margin-top:15px;border-collapse:collapse;border:1pxsolid#aaa;width:100%;}table.wTableth{vertical-align:baseline;padding:5px15px5px6px;background-color:#3F3F3F;border:1pxsolid#3F3F3F;
- 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
- Schema与数据类型优化
annan211
数据结构mysql
目前商城的数据库设计真是一塌糊涂,表堆叠让人不忍直视,无脑的架构师,说了也不听。
在数据库设计之初,就应该仔细揣摩可能会有哪些查询,有没有更复杂的查询,而不是仅仅突出
很表面的业务需求,这样做会让你的数据库性能成倍提高,当然,丑陋的架构师是不会这样去考虑问题的。
选择优化的数据类型
1 更小的通常更好
更小的数据类型通常更快,因为他们占用更少的磁盘、内存和cpu缓存,
- 第一节 HTML概要学习
chenke
htmlWebcss
第一节 HTML概要学习
1. 什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
打开记事本 输入一下内
- MyEclipse里部分习惯的更改
Array_06
eclipse
继续补充中----------------------
1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->
Activation triggers for java的右侧“.”就可以改变常用的快捷键
选中 Text
- 近一个月的面试总结
cugfy
面试
本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/46753275
前言
打算换个工作,近一个月面试了不少的公司,下面将一些面试经验和思考分享给大家。另外校招也快要开始了,为在校的学生提供一些经验供参考,希望都能找到满意的工作。 
- HTML5一个小迷宫游戏
357029540
html5
通过《HTML5游戏开发》摘抄了一个小迷宫游戏,感觉还不错,可以画画,写字,把摘抄的代码放上来分享下,喜欢的同学可以拿来玩玩!
<html>
<head>
<title>创建运行迷宫</title>
<script type="text/javascript"
- 10步教你上传githib数据
张亚雄
git
官方的教学还有其他博客里教的都是给懂的人说得,对已我们这样对我大菜鸟只能这么来锻炼,下面先不玩什么深奥的,先暂时用着10步干净利索。等玩顺溜了再用其他的方法。
操作过程(查看本目录下有哪些文件NO.1)ls
(跳转到子目录NO.2)cd+空格+目录
(继续NO.3)ls
(匹配到子目录NO.4)cd+ 目录首写字母+tab键+(首写字母“直到你所用文件根就不再按TAB键了”)
(查看文件
- MongoDB常用操作命令大全
adminjun
mongodb操作命令
成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作。输入help可以看到基本操作命令,只是MongoDB没有创建数据库的命令,但有类似的命令 如:如果你想创建一个“myTest”的数据库,先运行use myTest命令,之后就做一些操作(如:db.createCollection('user')),这样就可以创建一个名叫“myTest”的数据库。
一
- bat调用jar包并传入多个参数
aijuans
下面的主程序是通过eclipse写的:
1.在Main函数接收bat文件传递的参数(String[] args)
如: String ip =args[0]; String user=args[1]; &nbs
- Java中对类的主动引用和被动引用
ayaoxinchao
java主动引用对类的引用被动引用类初始化
在Java代码中,有些类看上去初始化了,但其实没有。例如定义一定长度某一类型的数组,看上去数组中所有的元素已经被初始化,实际上一个都没有。对于类的初始化,虚拟机规范严格规定了只有对该类进行主动引用时,才会触发。而除此之外的所有引用方式称之为对类的被动引用,不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用,即必须立即对类进行初始化。四种情况如下:1.遇到ne
- 导出数据库 提示 outfile disabled
BigBird2012
mysql
在windows控制台下,登陆mysql,备份数据库:
mysql>mysqldump -u root -p test test > D:\test.sql
使用命令 mysqldump 格式如下: mysqldump -u root -p *** DBNAME > E:\\test.sql。
注意:执行该命令的时候不要进入mysql的控制台再使用,这样会报
- Javascript 中的 && 和 ||
bijian1013
JavaScript&&||
准备两个对象用于下面的讨论
var alice = {
name: "alice",
toString: function () {
return this.name;
}
}
var smith = {
name: "smith",
- [Zookeeper学习笔记之四]Zookeeper Client Library会话重建
bit1129
zookeeper
为了说明问题,先来看个简单的示例代码:
package com.tom.zookeeper.book;
import com.tom.Host;
import org.apache.zookeeper.WatchedEvent;
import org.apache.zookeeper.ZooKeeper;
import org.apache.zookeeper.Wat
- 【Scala十一】Scala核心五:case模式匹配
bit1129
scala
package spark.examples.scala.grammars.caseclasses
object CaseClass_Test00 {
def simpleMatch(arg: Any) = arg match {
case v: Int => "This is an Int"
case v: (Int, String)
- 运维的一些面试题
yuxianhua
linux
1、Linux挂载Winodws共享文件夹
mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass
或
mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win
- Java lang包-Boolean
BrokenDreams
boolean
Boolean类是Java中基本类型boolean的包装类。这个类比较简单,直接看源代码吧。
public final class Boolean implements java.io.Serializable,
- 读《研磨设计模式》-代码笔记-命令模式-Command
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
/**
* GOF 在《设计模式》一书中阐述命令模式的意图:“将一个请求封装
- matlab下GPU编程笔记
cherishLC
matlab
不多说,直接上代码
gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。
g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU
reset(g) %也可以清空GPU中数据。
a=1;
a=gpuArray(a); %将a从CPU移到GPU中
onGP
- SVN安装过程
crabdave
SVN
SVN安装过程
subversion-1.6.12
./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
- sql 行列转换
daizj
sql行列转换行转列列转行
行转列的思想是通过case when 来实现
列转行的思想是通过union all 来实现
下面具体例子:
假设有张学生成绩表(tb)如下:
Name Subject Result
张三 语文 74
张三 数学 83
张三 物理 93
李四 语文 74
李四 数学 84
李四 物理 94
*/
/*
想变成
姓名 &
- MySQL--主从配置
dcj3sjt126com
mysql
linux下的mysql主从配置: 说明:由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样,因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低, Master的版本肯定不能高于Slave版本。(版本向下兼容)
mysql1 : 192.168.100.1 //master mysq
- 关于yii 数据库添加新字段之后model类的修改
dcj3sjt126com
Model
rules:
array('新字段','safe','on'=>'search')
1、array('新字段', 'safe')//这个如果是要用户输入的话,要加一下,
2、array('新字段', 'numerical'),//如果是数字的话
3、array('新字段', 'length', 'max'=>100),//如果是文本
1、2、3适当的最少要加一条,新字段才会被
- sublime text3 中文乱码解决
dyy_gusi
Sublime Text
sublime text3中文乱码解决
原因:缺少转换为UTF-8的插件
目的:安装ConvertToUTF8插件包
第一步:安装能自动安装插件的插件,百度“Codecs33”,然后按照步骤可以得到以下一段代码:
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
- 概念了解:CGI,FastCGI,PHP-CGI与PHP-FPM
geeksun
PHP
CGI
CGI全称是“公共网关接口”(Common Gateway Interface),HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具,其程序须运行在网络服务器上。
CGI可以用任何一种语言编写,只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI
FastCGI像是一个常驻(long-live)型的CGI,它可以一直执行着,只要激活后,不
- Git push 报错 "error: failed to push some refs to " 解决
hongtoushizi
git
Git push 报错 "error: failed to push some refs to " .
此问题出现的原因是:由于远程仓库中代码版本与本地不一致冲突导致的。
由于我在第一次git pull --rebase 代码后,准备push的时候,有别人往线上又提交了代码。所以出现此问题。
解决方案:
1: git pull
2:
- 第四章 Lua模块开发
jinnianshilongnian
nginxlua
在实际开发中,不可能把所有代码写到一个大而全的lua文件中,需要进行分模块开发;而且模块化是高性能Lua应用的关键。使用require第一次导入模块后,所有Nginx 进程全局共享模块的数据和代码,每个Worker进程需要时会得到此模块的一个副本(Copy-On-Write),即模块可以认为是每Worker进程共享而不是每Nginx Server共享;另外注意之前我们使用init_by_lua中初
- java.lang.reflect.Proxy
liyonghui160com
1.简介
Proxy 提供用于创建动态代理类和实例的静态方法
(1)动态代理类的属性
代理类是公共的、最终的,而不是抽象的
未指定代理类的非限定名称。但是,以字符串 "$Proxy" 开头的类名空间应该为代理类保留
代理类扩展 java.lang.reflect.Proxy
代理类会按同一顺序准确地实现其创建时指定的接口
- Java中getResourceAsStream的用法
pda158
java
1.Java中的getResourceAsStream有以下几种: 1. Class.getResourceAsStream(String path) : path 不以’/'开头时默认是从此类所在的包下取资源,以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径,最终还是由ClassLoader获取资源。 2. Class.getClassLoader.get
- spring 包官方下载地址(非maven)
sinnk
spring
SPRING官方网站改版后,建议都是通过 Maven和Gradle下载,对不使用Maven和Gradle开发项目的,下载就非常麻烦,下给出Spring Framework jar官方直接下载路径:
http://repo.springsource.org/libs-release-local/org/springframework/spring/
s
- Oracle学习笔记(7) 开发PLSQL子程序和包
vipbooks
oraclesql编程
哈哈,清明节放假回去了一下,真是太好了,回家的感觉真好啊!现在又开始出差之旅了,又好久没有来了,今天继续Oracle的学习!
这是第七章的学习笔记,学习完第六章的动态SQL之后,开始要学习子程序和包的使用了……,希望大家能多给俺一些支持啊!
编程时使用的工具是PLSQL