CSS li 一半左浮一半右浮

 

.skills >ol li{float: left;  左浮width: 48%;margin-bottom: 40px;
}
.skills >ol li:nth-child(even){   //even 偶数     odd  奇数float: right;  右浮
}另一种  
.skills >ol li:nth-child(1){   //第一个margin-left: 0;
}.skills >ol li:first-child{   //第一个margin-left: 0;
}

:nth-child  伪类，表状态，元素的一种状态，不是元素，不存在

:: 伪元素，存在

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/569452.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

addEventListener事件委托

addEventListener事件委托

什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做&#…
阅读更多...
HTML常遇问题

HTML常遇问题

1、span 里面套 div 会有问题，可以套 span，再加语句 display:block; 相当于套了div 2. 外部不能加padding，所以可以再里层加 div，在加padding可以了 3、display:block; display:inline-block; 让border将它们包住 4、*{ …
阅读更多...
bzoj3771:Triple

bzoj3771:Triple

传送门 生成函数 设生成函数\(f(x)\)，可以将系数定为选的方案数，指数定为代价 那么\[ f(x)\sum_{i1}^{n}x^{w_i} \] 然后答案就是\(f^3(x)f^2(x)f(x)\)然后去掉重复的情况 然后我们设\[ A(x)\sum_{i1}^{n}x^{2w_i}\\ B(x)\sum_{i1}^{n}x^{3w_i} \] 重复的…
阅读更多...
CSS图片设置

CSS图片设置

1、background-position: center center; 图片居中 background-size: cover; 让图片自适应，按比例缩放 2、加背景色mask，面罩： background: rgba(0, 0, 0, 0.7); 宽度不要写，自适应的 3. 图片的宽度，最好先规定好&…
阅读更多...
sqlserver——视图

sqlserver——视图

数据库中的视图是一个虚拟表。同真实的表一样，视图包含一系列带有名称的列和行数据，行和列数据用来自由定义视图和查询所引用的表，并且在引用视图时动态产生。本篇将通过一些实例来介绍视图的概念，视图的作用，创建视图…
阅读更多...
js常用API

js常用API

(1) getAttribute 用户写啥是啥&#xff0c;#后面的值&#xff0c;获取用户在上面写的原文&#xff0c;不是浏览器加http协议的东西&#xff1b; <a href"#siteAbout">关于</a> var href a.getAttribute(href) // hrefsiteAbou…
阅读更多...
DOM相关（主要是var和let的区别用法）

DOM相关（主要是var和let的区别用法）

一、1.节点的类型有七种&#xff0c;分别是&#xff1a;Document&#xff0c;DocumentType&#xff0c;Element&#xff0c;Attribute&#xff0c;Text&#xff0c;Comment&#xff0c;DocumentFragment 2.DOM树的根节点是&#xff1a;html 3.元素Element的NodeType值为&…
阅读更多...
JOIN三个表格

JOIN三个表格

表格一 表格二 表格三 SQL语句为 SELECT * FROM movie JOIN casting ON movie.idcasting.movieid 　 　 JOIN actor ON casting.actoridactor.id(要注意join 的格式) 最终结果展示在最下面 idtitleyrdirectorbudgetgrossmovieidactoridordidname1001710 Rillington Place19…
阅读更多...
深度学习入门|第5章 误差反向传播法（二）

深度学习入门|第5章 误差反向传播法（二）

误差反向传播法 前言 此为本人学习《深度学习入门》的学习笔记 四、简单层的实现 本节将用 Python 实现前面的购买苹果的例子。这里&#xff0c;我们把要实现的计算图的乘法节点称为“乘法层”&#xff08;MulLayer&#xff09;&#xff0c;加法节点称为“加法层”&#xff08;…
阅读更多...
内容样式行为分离

内容样式行为分离

CSS负责HTML&#xff1a;人类选不中&#xff1b;js取不到 CSS负责JS: 如果逻辑复杂&#xff0c;CSS会变慢&#xff0c;页面会变慢
阅读更多...
CSS图片布局 flex（竖着的几张图片改为一排）

CSS图片布局 flex（竖着的几张图片改为一排）

<style>.images{display: flex;align-items: flex-start;//border: 1px solid red; 有可能边框包不住这几张图片&#xff0c;但如果窗口够大&#xff0c;也可以包住//overflow: hidden; 如果写了&#xff0c;超出边框的部分会被隐藏 } </style> 布局有两种方式&a…
阅读更多...
牡丹-曹州牡丹：曹州牡丹

牡丹-曹州牡丹：曹州牡丹

ylbtech-牡丹-曹州牡丹&#xff1a;曹州牡丹菏泽牡丹&#xff0c;山东省菏泽市特产&#xff0c;中国国家地理标志产品。牡丹&#xff0c;原产中国西北部&#xff0c;秦岭和陕北山地多野生&#xff0c;栽培历史悠久&#xff0c;南北朝时已声成为观赏植物。菏泽&#xff0c;古称曹…
阅读更多...
idea报错：Error: java: 错误: 不支持发行版本 5

idea报错：Error: java: 错误: 不支持发行版本 5

我在测试类运行时&#xff0c;出现下述错误&#xff1a; 可能原因&#xff1a;java版本不一致项目编译配置使用的java版本不对 解决方案&#xff1a; 第一步&#xff1a;file---Project Structure-- Project&#xff08;两版本改为一致&#xff1a;第二、三个横框中数字都为11…
阅读更多...
python网络爬虫基础day01

python网络爬虫基础day01

2019.5.13&#xff0c;今天在“小猿圈”跟着波波老师学习了爬虫开发的第一章和第二章&#xff0c;总结下今天学的知识&#xff1a; 爬虫基础介绍&#xff1a;　　 什么是爬虫&#xff1f; 　　 - 通过编写程序&#xff0c;模拟浏览器上网&#xff0c;然后让其去互联网上抓取数…
阅读更多...
忘记mysql数据库连接密码

忘记mysql数据库连接密码

本次操作所有需要用到的密令行&#xff1a; bin>net stop mysql bin>mysqld --skip-grant-tables bin>mysql mysql>use mysql mysql>update user set passwordpassword("123456") where user"root"; mysql>flush privileges; mys…
阅读更多...
Python 基础 函数

Python 基础 函数

1&#xff1a;调用函数 eg&#xff1a;调用内置函数 abs() 求绝对值 2&#xff1a;定义函数 1&#xff1a;定义一个函数要使用 def 语句&#xff0c;依次写出函数名、括号、括号中的参数和冒号:&#xff0c;然后&#xff0c;在缩进块中编写函数体&#xff0c;函数的返回值用ret…
阅读更多...
Springmvc跨服务器文件上传报403,409错误

Springmvc跨服务器文件上传报403,409错误

报403错误 Tomcat默认只读模式&#xff0c;传图片会被拒绝 解决&#xff1a;找到 Tomcat 目录---conf下---web.xml&#xff0c;打开 加入 <init-param><param-name>readonly</param-name><param-value>false</param-value> </init-param&g…
阅读更多...
Vue中message.split().reverse().join()函数用法

Vue中message.split().reverse().join()函数用法

1、split() 把一个字符串分割成字符串数组 把数据拆分为一个数组,括号里的 是把数据拆分为每个字符串 2、reverse() 颠倒数组中元素的顺序 只作用于数组&#xff0c;跟在split()后才能起作用&#xff0c;在一个字符串后面不起作用&#xff0c;如message.reverse() 3、join()…
阅读更多...
单元测试——Winfrom

单元测试——Winfrom

一、新建单元测试项目 二、单元测试可在Service或者Repository层分别创建 三、编写好代码后可运行单元测试 转载于:https://www.cnblogs.com/772933011qq/p/10863817.html
阅读更多...
vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

报错信息 These dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/index.css in ./src/main.js 解决方案 1、 cmd进入命令行窗口&#xff0c;切入运行的项目文件夹下 2、输入 cnpm i element-ui -S(没有装淘宝镜像的使用 npm i…
阅读更多...
最新文章

Copyright @ 2022~2023