lex主题的文章列表，还有lex的技术要点_第5页

Flexbox

1、display:flex|flex-inline；用于伸缩容器；2、flex-direction:row|row-reverse|column|column-reverse；用于伸缩容器；row(默认值)：在“ltr”排版方式下从左向右排列；在“rtl”排版方式下从右向左排列。row-reverse：与row排列方...

代码星球 ·2021-01-21

手淘适配-flexible

拿一个双11的Mobile页面来做案例，比如你实现一个类似下图的一个H5页面：目标很清晰，就是做一个这样的H5页面。虽然H5的页面与PC的Web页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。看看下图你就会知道，这是多么痛苦的一件事情：再来看看手淘H5要适配的终...

代码星球 ·2021-01-21

css overflow和flex布局搭配使用，页面块可以滑动

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>67<style>89.a{10height:100px;11width:250px;12backgr...

代码星球 ·2021-01-17

css flex弹性布局学习总结

　　flex（flexiblebox：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。　　主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持：　　　　其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀　　采用Flex布局的元素，称为Flex容器（fle...

代码星球 ·2021-01-17

css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解

flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex))小编这里先教一下大家如何快速记住这三个属性：首先是&nb...

代码星球 ·2021-01-17

css 利用flex居中对齐

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>78.box1{9width:800px;10height:500px;11borde...

代码星球 ·2021-01-17

css 弹性盒子（flex布局）的起边和终边详解

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7*{8margin:0;9padding:0;10list-style:none;1...

代码星球 ·2021-01-17

用Flex实现常见的几种布局

1.水平，垂直居中。<styletype="text/css">.container{display:flex;width:300px;height:300px;border:1pxsolidred;align-items:center;/*垂直居中*/justify-content:center;/*水平...

代码星球 ·2021-01-13

simplexml 对xml的增删改操作

simplexml 是php 处理xml 文件的一个方法，另一个是dom 处理，这里只说simplexml 。目前php 处理xml 用的比较多，比较成熟的还是dom 。但dom 在速度和代码量上还是比较受人诟病的。simplex...

代码星球 ·2021-01-09

[css]flex布局

flex-direction 决定元素的排列方向flex-wrap 决定元素如何换行（排列不下时）flex-flowflex-direction和flex-wrap的简写justify-content &n...

代码星球 ·2021-01-09

Delphi中ShellExecute的妙用

ShellExecute的功能是运行一个外部程序（或者是打开一个已注册的文件、打开一个目录、打印一个文件等等），并对外部程序有一定的控制。有几个API函数都可以实现这些功能，但是在大多数情况下ShellExecute是更多的被使用的，同时它并不是太复杂。下面举例说明它的用法。开始一个新的应用程序 ShellE...

代码星球 ·2021-01-09

Delphi ShellExecute的用法

请在interface处uses句中加入ShellAPI 有三个API函数可以运行可执行文件WinExec、ShellExecute和CreateProcess。1.CreateProcess因为使用复杂，比较少用。2.WinExec主要运行EXE文件。如：WinExec('Notepad.exe...

代码星球 ·2021-01-09

flex布局space-between(around)最后一行左对齐

<ulclass="flexfwrapspace-between"><liv-for="(item,index)incourse":key="index">//todo</li><liv-show="course.length%4!=0"v-for="(item1,index1...

代码星球 ·2021-01-09

弹性布局flex

flex有12个属性布局　　Flex是它可以简单、完整、响应式的实现各种网页布局，目前已经得到了大多数主流浏览器的支持，有关于它的兼容性可以在CanIuse中的查询到任何一个容器都可以指定为Flex布局文章中的内容主要借鉴自Flex布局教程by阮一峰学习地址为：http:...

代码星球 ·2021-01-02

移动端自适应：flexible.js可伸缩布局使用

http://caibaojian.com/flexible-js.html 阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下：;(fu...

代码星球 ·2020-12-30