css flex basis

CSS 3 layout attributes flex and CSS 3 layout flex The html code is as follows: The css code is as follows: . Ul_box {margin: 0; padding: 0; list-style: none;/* display: flex displays the object as an auto scaling box;

The old version of CSS flex is compatible with CSS flex.× Catalog [1] applicability [2] scaling project [3] scaling Flow Direction [4] scaling flow line feed [5] spindle alignment [6] scaling [7] display sequence [8] flex compatibility The

size of the project. { flex-basis: */default Auto */} It can be set to width height the same value as a property (such as 350px), then the item will occupy a fixed space.4.5 Flex PropertiesflexThe property is flex-grow , flex-shrink and shorthand for,

1. Introduction 1.1 DescriptionThe flex layout, also known as Flex flexible layout, is primarily designed to have the width and height of the item fill the free space of the parent container in a certain order.ExampleNote : In the following section, the parent container is referred to as an item in the container.1.2 Browser support conditionsIE 11 does not fully support the

, the horse and the pony, among them the big horse has been married for many years, has a bunch of twin daughters, the telework, but the Chinese horse and Pony is the outstanding bachelor person. So, the big horse asked to allocate more houses, eventually, family consultations with the following distribution results are:#大马 {House-allocation: 2;} #中马 {House-allocation: 1;} #小马 {House-allocation: 1;}I think the allocation above should be easy to read. The house is divided into a total of 4, of wh

space. Its default value is auto, which is the original size of the project.{ flex-basis: /** /}Note: It can be set to the same value as the width or height property (such as 350px), then the item will occupy a fixed space.5.flexFunction: Shorthand for Flex-grow, Flex-shrink, and

CSS elastic box model flex application in layout, css model flex Layout* Directory [1] element center [2] Two ends alignment [3] Bottom alignment [4] input box button [5] equi layout [6] Adaptive Layout [7] Hanging layout [8] in front of full screen Layout I have already described in detail the basic syntax and compati

scaling reference value, the expansion ratio, and the shrinkage ratio can all be decimals, but not negative"5" Scalability: an abbreviation for the expansion ratio, shrinkage ratio, and scaling reference valueFlex:none = Flex:0 0Auto; Flex:auto= Flex:1 1Auto; Flex:0= Flex:0 1 0%;