Old Box Review

Source: Internet
Author: User

Old box:

Parent element: Display:-webkit-box, (spindle is horizontal ==-webkit-box-orient:horizontal), at this time can use this effect plus overflow:hidden do a simple carousel diagram;

Cross axis:-webkit-box-align:stretch (stretched, when the child element does not have a set height), start,end,center,baseline;

On the spindle: (Do not set Box-flex to child elements if you want to see the effect)-webkit-box-pack:start (default), End Center,justify

When the spindle is defined in a vertical direction:-webkit-box-orient:vertical; the direction of the cross axis and the spindle are exchanged.

-webkit-box-direction:normal,reverse (inverse) The order in which the sub-elements are arranged;

Child elements:-webkit-box-flex:integer; declares itself the number of copies, if the total width of the child element exceeds the parent element, then the portion of the excess is divided by the value of the corresponding number of copies to X, and then each child element decreases the corresponding number of copies by x on the basis of the set width.

-webkit-box-flex-group:integer (default = 1) must first have a box-flex, then look for the child element with the largest value in the child element, the width of which is the width of its content (if there is no content, Padding,border does not exist), The remaining child elements are then allocated according to the number of copies of the Box-flex they occupy.

-webkit-box-ordinal-group:integer, the order of the child elements, the values are small in front, the same according to the order of the document flow, the default value is 1, the minimum acceptable value is also 1, if less than 1 is calculated by default value.

---------------------------------------------------------

Old Box Review

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.