- flex弹性布局;justify-content:space-between;最后一行左对齐
m0_56168677
踩坑csscss前端css3
第一种方式:需要在父级元素使用一个伪类,设置flex:1;使伪类自动填充剩余的空间;这种方式会使最后一行的边距失效:after{content:"";flex:1;}第二种方式:使用margin-right计算;这种方式适合每一行固定列数的情况;假设每一行只有3列元素,那么当最后一个元素是第二列(即.item:last-child:nth-child(3n+2))的情况,才需要进行margin-r
- CSS选择器
Mr.蔬菜
csscss3前端
目录1、基本选择器1)标签选择器2)id选择器3)类选择器4)通配选择器2、交集选择器3、派生选择器1)后代选择器2)子元素选择器3)兄弟选择器4)邻居选择器4、属性选择器1)简单属性选择器2)具体属性选择器3)子串属性选择器5、伪类选择器1):first-child和:last-child2):nth-child(n)3)状态伪类6、伪元素选择器7、结构伪类选择器1、:root2、:not3、:
- 27.CSS 伪类是什么? & 屏幕外
@大迁世界
CSS技巧与案例详解css前端
CSS伪类是什么?CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如,:hover可用于在用户的指针悬停在元素上时应用额外的样式。伪类让你可以根据文档树的内容(例如:first-child)、外部因素如导航器的历史记录(例如:visited)、内容的状态(例如:checked)或鼠标的位置(例如:hover)来对元素应用样式。常用的伪类以下是5个最常用的伪类及其用法列表。这个列表绝不是完
- H5/CSS 笔试面试考题(41-50)
宇宙中的一颗星
h5/css笔试css面试前端
简述对于以下HTML,下列选项中哪一个CSS选择器效果与其他的不同()ABCA:span:first-childB:span:nth-child(0)C:span:nth-child(-n+1)D:span:nth-last-child(3)面试通过率:46.0%推荐指数:★★★★试题难度:初级试题类型:选择题答案:b解析:span:first-child选中第一个元素span:nth-child
- CSS伪类和伪元素
LBJ辉
语法数量位置类与元素使用场景伪类:多个前方和后方修饰多伪元素::单个后方创建对象少使用场景伪类状态类::link:visited:hover:active:focus结构类::first-child:last-child:nth-child:ninth-of-type表单类::checked:disabled:valid:required语言类::dir:lang伪元素::before::afte
- el-tabs element-ui 标签页增加按钮
山城️777
uivue.js前端
先看效果其他的标签页导出//导出按钮的样式::v-deep.el-tabs__nav{width:100%;}::v-deep.el-tabs__item.is-top:last-child{float:right;}
- p标签里面不能嵌套ul、div等块级元素
PXRace
一直以为P标签作为块级元素,可以像div那样可以嵌套其他的块级元素。因为开发过程中没这样写的习惯,一直也就没有遇到过,直到面试被问到这个问题。于是代码操作一下看看:HTML解析的HTML结果发现父级包裹的P标签被解析成了两个P标签,这样一来我写的P标签就从没有兄弟节点变化成有两个兄弟节点了。如果写CSS的时候使用了nth-child()、last-child()这样的选择器,那么我们的样式是不是就
- 【前端web入门第五天】01 结构伪类选择器与伪元素选择器
小徐要考研
前端web开发前端csshtml5
文章目录:1.结构伪类选择器1.1nth-child(公式)2.伪元素选择器1.结构伪类选择器作用:根据元素的结构关系查找元素。选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素N值为1)一个列表结构使用结构伪类选择器的例子li:first-child{background-color:green;
- CSS之盒子模型
白小筠
#CSScss前端
盒子模型01-选择器结构伪类选择器基本使用作用:根据元素的结构关系查找元素。Document/*结构伪类选择器*//*1.选择第一个li*/ulli:first-child{color:pink;}/*2.最后一个小li*/ulli:last-child{color:green;}/*3.选择其中任意一个*/ulli:nth-child(6){color:red;}li{第$个}*8-->我是第1
- css选择器32关小游戏
我的好昵称
第一关plate。第二关bento第三关#fancy第四关plateapple第五关fancypickle第六关.small第七关orange.small第八关bentoorange.small第九关第十关*第十一关plate*第十二关plate+apple第十三关bento~pickle第十四关plate>apple第十五关orange:first-child第十六关plateapple,pla
- jquery写表格 手动合并单元格
猴猴不是猴
前端jqueryjavascript
.special-rowth:first-child,.special-rowth:nth-child(2){background-color:yellow;text-align:center;}日期姓名地址表头合并单元格vartableData=[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-01'
- css单行溢出省略(flex布局)
哈哈也不易
CSSHTMLhtmlcss前端
.container{display:flex;height:50px;}.column{flex:1;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.column:first-child,.column:last-child{width:100px;}.column.ellipsis{overflow
- CSS3中新增的元素伪类选择器
旧忆ajm
元素伪类选择器p:first-of-type选择其父元素的首个P元素p:first-child选择其父元素的首个p元素(一定是p才行)p:last-of-type选择其父元素的最后的一个P元素p:last-child选择其父元素的最后子元素(一定是P才行)p:only-child选择其父元素的只有一个元素(而且这个元素只能是p元素,不能有其他元素)p:only-of-type选择其父元素的只有一个
- 【CSS】css选择器和css获取第n个元素(:nth-of-type(n)、:nth-child(n)、first-child和last-child)
香菜啵子欸
CSScss前端
:nth-of-type、:nth-child的区别一、css选择器二、:nth-of-type、:nth-child的区别:nth-of-type(n):选择器匹配属于父元素的特定类型的第N个子元素:nth-child(n):选择器匹配属于其父元素的第N个子元素,不论元素的类型:first-child:获取元素的第1个子元素:last-child:获取元素的最后一个个子元素效果一、css选择器选
- 伪元素中用来相同元素中的某个元素的实际应用
时雨.`
css前端cssjavascript
伪元素中用来选择相同元素中的某个元素的实际应用:first-child选择器选择属于其父元素的首个子元素的每个元素,并为其设置样式:p:first-child{background-color:yellow;}例子1选择列表中的第一个元素并设置其样式:li:first-child{background:yellow;}例子2设置每个的首个子元素,并设置其样式:ul>:first-child{bac
- ionic3自定义图标之多路径图标的使用
咔簌
看这标题问题就来了,什么叫多路径图标呢?顾名思义就是当前svg的图标具有多个颜色或者由多个图层组成,如下:image.pngimage.png在ionic2+的项目中多路径图标在中是无法正常展示的,我的解决办法是:在非当前tabs页面时正常使用单路径的图标,而选中的tabs页面则将图标颜色设置成透明,将多路径的svg图标作为背景图片显示,如下代码:.tabbar{a:first-child[ari
- css 伪类选择器
王帅康_2022公益强化班
伪类是一套选择器的特殊状态,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊的效果,选择第一个或第n个元素,伪类选择器用一个冒号表示,比如:hover、:first-child等伪类选择器最常用的是动态伪类选择器:E:link(链接伪类选择器):选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上E:visited(链接伪类选择器):选择匹配的E元素,而且匹配元素
- day05-盒子模型
是程序喵呀
WEB前端css前端html
01-选择器结构伪类选择器基本使用作用:根据元素的结构关系查找元素。li:first-child{ background-color:green;}:nth-child(公式)提示:公式中的n取值从0开始。伪元素选择器作用:创建虚拟元素(伪元素),用来摆放装饰性的内容。div::before{ content:"before伪元素";}div::after{ content:"after伪元素";
- 在CSS中如何寻找第一个元素
小小优化师 anny
Htmlcss前端
ulli:first-child{color:red;}在CSS中,要找到第一个元素,可以使用:first-child选择器。该选择器可以用于选择父元素下的第一个子元素。例如,要选择一个ul元素下的第一个li元素,可以使用下面的代码:上面的代码将ul元素下的第一个li元素的文字颜色设置为红色。除了:first-child选择器,还可以使用:nth-child()选择器来选择父元素下的指定子元素。该
- 【css3-03】新增ui方案
墨痕留绝
css3
1.文本新增样式1.1.opacity:指定了一个元素的透明度opacity:value|inherit;value的值从0到1.。inherit表示从父元素继承。.inner{position:relative;}.innerdiv:first-child{position:absolute;height:100px;width:100px;background-color:black;}.in
- 编程笔记 html5&css&js 052 CSS伪类
明月看潮生
#html5css3javascript少年工程师青少年编程
编程笔记html5&css&js052CSS伪类一、CSS伪类二、锚伪类三、伪类和CSS类四、CSS-:first-child伪类五、CSS-:lang伪类六、所有CSS伪类伪类可以理解为元素的特定状态。一、CSS伪类什么是伪类?伪类用于定义元素的特殊状态。设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素获得焦点时的样式请将鼠标悬停在我上面单击我来获取焦点伪类的语法:sele
- web前端之不一样的居中方式、解决tabBar选项卡居中问题、css支持嵌套、auto
牧马人MJ682517
web前端csshtml前端webcss3html5
MENU前言htmlstyle效果前言这里不能使用justify-content:center;,因为在小屏幕上,这种方式无法显示最前面的两个tabBar。htmltabBar1tabBar2tabBar3tabBar4tabBar5tabBar6tabBar7tabBar8tabBar9style#box{&:first-child{margin-left:auto;}&:last-child{
- first-of-type 和 first-child
Kenzzzzzo
articlespan:first-child{color:red;}---------111111111一一一一一一一一一二二二二二二二二二hahaooooooooooarticlespan:first-of-type{color:red;}----------111111111一一一一一一一一一二二二二二二二二二hahaoooooooooofirst-child在同级元素中必须是第一个标签fi
- 编程笔记 html5&css&js 051 CSS表格2-2
明月看潮生
#html5css3javascript少年工程师青少年编程
编程笔记html5&css&js051CSS表格2-2一、html表格如何按列设置样式?二、练习小结多数时候是按列设计表格样式的。一、html表格如何按列设置样式?在HTML表格中,可以通过CSS来按列设置样式。以下是一个简单的例子:/*选择第一列(索引从0开始)*/tabletrtd:first-child{background-color:#ffcc99;/*设置背景色*/font-weigh
- CSS的盒子模型
小小程序员.¥
Html与Csscsscss3前端
盒子模型*{margin:0;padding:0;box-sizing:border-box;}/*选择第一个li标签*/li:first-child{background-color:aqua;}/*选择第三个li标签*/li:nth-last-child(3){background-color:blue;}/*选择最后一个li标签*/li:last-child{background-color
- CSS选择器几种用法-详解
为梦想而战@大学生
前端csstensorflow前端
目录CSS选择器类型一,基本选择器1.ID选择器2.标签选择器3.类选择器4.通用选择器二,包含选择器三,属性选择器四,伪类选择器:checked:first-child:last-child:nth-child(n)案例:实现表格隔行变色效果。五,伪元素选择器六,常见样式基本语法CSS选择器类型在CSS中,对于元素的修饰是通过选择器来获取到的,它有很多选择器。基本选择器包含选择器属性选择器伪类选
- CSS笔记III
saddhu.
web前端css前端css3html5web
选择器结构伪类选择器作用:根据元素的结构关系查找元素选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素N值为1)nth-child(公式)作用是可以根据元素的结构关系查找多个元素偶数标签:2n;奇数2n+1or2n-1之类的依次类推找到第五个以后的所有标签n+5;第五个以前的所有标签是-n+5伪元素
- CSS再学习(如何设置背景图片透明,弹性盒子,盒子阴影)+HTML冷门知识
桂亭亭
CSScss学习前端
目录css组合器后代选择器(空格)子选择器(>)相邻兄弟选择器(+)通用兄弟选择器(~)CSS伪类选择器什么是伪类?能干什么?注意事项鼠标悬浮提示的功能first-child伪类匹配首个p元素匹配所有p元素中的首个i元素匹配所有首个p元素中的所有i元素:lang伪类:focus伪类CSS伪元素::after::before::first-letter::first-line::selecton注意
- el-table右固定最后一列显示不全或者是倒数第二列无边框线
Girasoless
vue.jselementuijavascript
问题图片:解决方式1:>>>.el-table__rowtd:not(.is-hidden):last-child{border-left:1pxsolid#EBEEF5;}>>>.el-table__headerth:not(.is-hidden):last-child{border-left:1pxsolid#EBEEF5;}>>>.el-table__header-wrappertrth:n
- table固定首行首列css 最简单方法(亲测可用)
李三醒
css前端html
业务需要前端使用html写了个table如图:需要滚动条上下左右滑动,但是固定首航首列关键代码:/*首列固定*/.table-containertheadtr>td:first-child,.table-containertbodytr>td:first-child{position:sticky;left:0;z-index:1;background-color:#ececec;}/*表头固定*
- java责任链模式
3213213333332132
java责任链模式村民告县长
责任链模式,通常就是一个请求从最低级开始往上层层的请求,当在某一层满足条件时,请求将被处理,当请求到最高层仍未满足时,则请求不会被处理。
就是一个请求在这个链条的责任范围内,会被相应的处理,如果超出链条的责任范围外,请求不会被相应的处理。
下面代码模拟这样的效果:
创建一个政府抽象类,方便所有的具体政府部门继承它。
package 责任链模式;
/**
*
- linux、mysql、nginx、tomcat 性能参数优化
ronin47
一、linux 系统内核参数
/etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max = 8388608 #SOCKET读缓存区大小
net.core.wmem_max = 8388608 #SOCKET写缓存区大
- php命令行界面
dcj3sjt126com
PHPcli
常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块
执行一段代码
php -r 'echo "hello, world!";'
php -r 'echo "Hello, World!\n";'
php -r '$ts = filemtime("
- Filter&Session
171815164
session
Filter
HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute("admin") == null) {
PrintWriter out = res.ge
- 连接池与Spring,Hibernate结合
g21121
Hibernate
前几篇关于Java连接池的介绍都是基于Java应用的,而我们常用的场景是与Spring和ORM框架结合,下面就利用实例学习一下这方面的配置。
1.下载相关内容: &nb
- [简单]mybatis判断数字类型
53873039oycg
mybatis
昨天同事反馈mybatis保存不了int类型的属性,一直报错,错误信息如下:
Caused by: java.lang.NumberFormatException: For input string: "null"
at sun.mis
- 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space
程序员是怎么炼成的
eclipsejvmtomcatcatalina.sheclipse.ini
在启动比较大的项目时,因为存在大量的jsp页面,所以在编译的时候会生成很多的.class文件,.class文件是都会被加载到jvm的方法区中,如果要加载的class文件很多,就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.
解决办法是点击eclipse里的tomcat,在
- 我的crm小结
aijuans
crm
各种原因吧,crm今天才完了。主要是接触了几个新技术:
Struts2、poi、ibatis这几个都是以前的项目中用过的。
Jsf、tapestry是这次新接触的,都是界面层的框架,用起来也不难。思路和struts不太一样,传说比较简单方便。不过个人感觉还是struts用着顺手啊,当然springmvc也很顺手,不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
- spring里配置使用hibernate的二级缓存几步
antonyup_2006
javaspringHibernatexmlcache
.在spring的配置文件中 applicationContent.xml,hibernate部分加入
xml 代码
<prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>
<prop key="hi
- JAVA基础面试题
百合不是茶
抽象实现接口String类接口继承抽象类继承实体类自定义异常
/* * 栈(stack):主要保存基本类型(或者叫内置类型)(char、byte、short、 *int、long、 float、double、boolean)和对象的引用,数据可以共享,速度仅次于 * 寄存器(register),快于堆。堆(heap):用于存储对象。 */ &
- 让sqlmap文件 "继承" 起来
bijian1013
javaibatissqlmap
多个项目中使用ibatis , 和数据库表对应的 sqlmap文件(增删改查等基本语句),dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中,其它项目工程中通过jar包来引用 ,并通过"继承"为基础的sqlmap文件,dao,pojo 添加新的方法来满足项
- 精通Oracle10编程SQL(13)开发触发器
bijian1013
oracle数据库plsql
/*
*开发触发器
*/
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;
select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;
--建立BEFORE语句触发器
CREATE O
- 【EhCache三】EhCache查询
bit1129
ehcache
本文介绍EhCache查询缓存中数据,EhCache提供了类似Hibernate的查询API,可以按照给定的条件进行查询。
要对EhCache进行查询,需要在ehcache.xml中设定要查询的属性
数据准备
@Before
public void setUp() {
//加载EhCache配置文件
Inpu
- CXF框架入门实例
白糖_
springWeb框架webserviceservlet
CXF是apache旗下的开源框架,由Celtix + XFire这两门经典的框架合成,是一套非常流行的web service框架。
它提供了JAX-WS的全面支持,并且可以根据实际项目的需要,采用代码优先(Code First)或者 WSDL 优先(WSDL First)来轻松地实现 Web Services 的发布和使用,同时它能与spring进行完美结合。
在apache cxf官网提供
- angular.equals
boyitech
AngularJSAngularJS APIAnguarJS 中文APIangular.equals
angular.equals
描述:
比较两个值或者两个对象是不是 相等。还支持值的类型,正则表达式和数组的比较。 两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项:
两个值或者对象能通过=== (恒等) 的比较
两个值或者对象是同样类型,并且他们的属性都能通过angular
- java-腾讯暑期实习生-输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]
bylijinnan
java
这道题的具体思路请参看 何海涛的微博:http://weibo.com/zhedahht
import java.math.BigInteger;
import java.util.Arrays;
public class CreateBFromATencent {
/**
* 题目:输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A
- FastDFS 的安装和配置 修订版
Chen.H
linuxfastDFS分布式文件系统
FastDFS Home:http://code.google.com/p/fastdfs/
1. 安装
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html
安装libevent (对libevent的版本要求为1.4.
- [强人工智能]拓扑扫描与自适应构造器
comsci
人工智能
当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?
那么,现在我们必须设计新的模块和代码包来处理上面的问题
- oracle merge into的用法
daizj
oraclesqlmerget into
Oracle中merge into的使用
http://blog.csdn.net/yuzhic/article/details/1896878
http://blog.csdn.net/macle2010/article/details/5980965
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中,使用此命令必须同时指定UPDATE 和INSE
- 不适合使用Hadoop的场景
datamachine
hadoop
转自:http://dev.yesky.com/296/35381296.shtml。
Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候,会听到脱口而出的回答:Hadoop! 实际上Hadoop被设计和建造出来,是用来解决一系列特定问题的。对某些问题来说,Hadoop至多算是一个不好的选择,对另一些问题来说,选择Ha
- YII findAll的用法
dcj3sjt126com
yii
看文档比较糊涂,其实挺简单的:
$predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));
第一个参数是选择条件:”uid=10″。其中:uid是一个占位符,在后面的array(“:uid”=>10)对齐进行了赋值;
更完善的查询需要
- vim 常用 NERDTree 快捷键
dcj3sjt126com
vim
下面给大家整理了一些vim NERDTree的常用快捷键了,这里几乎包括了所有的快捷键了,希望文章对各位会带来帮助。
切换工作台和目录
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置
o 在已有窗口中打开文件、目录或书签,并跳
- Java把目录下的文件打印出来
蕃薯耀
列出目录下的文件文件夹下面的文件目录下的文件
Java把目录下的文件打印出来
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月11日 11:02:
- linux远程桌面----VNCServer与rdesktop
hanqunfeng
Desktop
windows远程桌面到linux,需要在linux上安装vncserver,并开启vnc服务,同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。
linux远程桌面到windows,需要在linux上安装rdesktop,同时开启windows的远程桌面访问。
下面分别介绍,以windo
- guava中的join和split功能
jackyrong
java
guava库中,包含了很好的join和split的功能,例子如下:
1) 将LIST转换为使用字符串连接的字符串
List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
- Web开发技术十年发展历程
lampcy
androidWeb浏览器html5
回顾web开发技术这十年发展历程:
Ajax
03年的时候我上六年级,那时候网吧刚在小县城的角落萌生。传奇,大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩,然后接下来的一个小时我一直在,注,册,账,号。
彼时网吧用的512k的带宽,注册的时候,填了一堆信息,提交,页面跳转,嘣,”您填写的信息有误,请重填”。然后跳转回注册页面,以此循环。我现在时常想,如果当时a
- 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)
nannan408
buffer
1.前言。
如题。
2.代码。
IoService
IoService是一个接口,有两种实现:IoAcceptor和IoConnector;其中IoAcceptor是针对Server端的实现,IoConnector是针对Client端的实现;IoService的职责包括:
1、监听器管理
2、IoHandler
3、IoSession
- ORA-00054:resource busy and acquire with NOWAIT specified
Everyday都不同
oraclesessionLock
[Oracle]
今天对一个数据量很大的表进行操作时,出现如题所示的异常。此时表明数据库的事务处于“忙”的状态,而且被lock了,所以必须先关闭占用的session。
step1,查看被lock的session:
select t2.username, t2.sid, t2.serial#, t2.logon_time
from v$locked_obj
- javascript学习笔记
tntxia
JavaScript
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number:就是数字值,包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象,不用多说function:我们熟悉的方法,也就是
- Java enum的用法详解
xieke90
enum枚举
Java中枚举实现的分析:
示例:
public static enum SEVERITY{
INFO,WARN,ERROR
}
enum很像特殊的class,实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类 (java.l