web伸缩布局

作者: 爱佳佳真是太好了 | 来源:发表于2017-05-23 15:37 被阅读31次

让三个li左右与父元素没有间距中间有两个相等的间距

(忽略左右的绿色和下面的蓝色啊!!!那个不是父元素里的)

在ol里面写下面两行代码就可以了

display:flex;

justifly-content:space-between; 就可以了 。

相关文章

  • web伸缩布局

    让三个li左右与父元素没有间距中间有两个相等的间距 (忽略左右的绿色和下面的蓝色啊!!!那个不是父元素里的) 在o...

  • CSS3之Flexbox布局在ReactNative的应用

    CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局,被成为弹性布局(或者伸缩布局)。相比...

  • 17-CSS伸缩布局

    伸缩布局 如何使用伸缩布局?只需要给元素设置 display: flex;属性 伸缩布局分类伸缩容器: 给哪个元素...

  • web移动端---伸缩布局

    伸缩布局 1. 如何摆放盒子? 让盒子一行显示 用 浮动 让盒子压着另外一个盒子 用 定位 如果要移动盒子的位置可...

  • 移动Web的开发布局

    移动Web的开发方式分为流式布局(即百分比布局)、伸缩布局和响应式布局。 (一)多倍图 设计多倍图,根据不同手机的...

  • CSS伸缩布局

    伸缩布局(弹性布局) display:flex 给谁添加了display:flex,谁就是伸缩容器 伸缩容器中的盒...

  • 移动WEB flex 布局

    一、简介 又名伸缩布局、弹性布局、伸缩盒布局、 更适用于移动端 布局原理,添加display: flex; 父盒设...

  • 第10章 布局样式相关-伸缩布局(Flexible Box)

    伸缩布局(一) CSS3引入了一种新的布局模式——Flexbox布局,即伸缩布局盒模型(Flexible Box)...

  • day06-css3-demo

    伸缩布局demo:

  • flexbox

    flexbox flexbox布局是伸缩容器(container)和伸缩项目组成(item)布局的主题思想是元素可...

网友评论

    本文标题:web伸缩布局

    本文链接:https://www.haomeiwen.com/subject/dnfgxxtx.html