-webkit-box 与 -webkit-flex 的差异
来源:互联网 发布:淘宝交易成功申请退款 编辑:程序博客网 时间:2024/05/03 06:42
-webkit-box 应该是 -webkit-flex 的旧写法
使用-webkit-box 的时候 -webkit-flex-wrap 属性不生效,必须使用-webkit-flex
正确的css覆盖 顺序是
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.Container {
display: flex;
display: -webkit-flex;
background-color: gray;
-webkit-box-pack: justify;
width: 100%;
-webkit-flex-wrap: wrap-reverse;
-webkit-box-orient: horizontal;
height: 200px;
}
.blue {
border: 1px solid red;
min-width: 100px;
-webkit-box-flex: 1;
margin: 10px;
background-color: blue;
}
</style>
</head>
<body>
<div class="container">
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>
</div>
</body>
</html>
- -webkit-box 与 -webkit-flex 的差异
- -webkit-box 与 -webkit-flex 的差异
- -webkit-box的属性
- webkit-box的运用
- webkit家族的差异
- -webkit-box-
- CSS -webkit-box的属性
- -webkit-border-radius border-radius -webkit-box-shadow的意思
- 盒模型display:-webkit-box;的使用
- css3中webkit-box的用法
- css3中webkit-box的用法
- CSS3中-webkit-box的用法
- css3中webkit-box的用法
- css3中webkit-box的用法
- css3中webkit-box的用法
- css3中webkit-box的用法
- css3中webkit-box的用法
- css3中webkit-box的用法
- 【知识整理】javascript基础语法总结(9)——错误处理
- ubuntu16.04安装TeamViewer远程协助
- 带你学习Android 自定义View
- Android源码解析Window系列第(一)篇---Window的基本认识和Activity的Window创建过程
- [Web前端技术教学]实现文字阴影-博客指定作业
- -webkit-box 与 -webkit-flex 的差异
- 重磅新政强监管控风险 银行理财市场步入转折期
- wineskin下plsql解决中文乱码问题
- 机器学习算法--bagging算法
- 比较文本时如何限制文件对比工具每行字符数
- typecho测试七牛镜像存储并放弃KindEditor
- zeromq 之 zmq_msg_get
- LeetCode笔记:414. Third Maximum Number
- Eclipse中maven环境使用jetty启动后不能保存更改后的css,js等静态文件的解决方法