Last time we had a look at the specific usage of flex-grow, this week, let's see flex-basis this property.
Flex-shrink
Define the scaling of the project, with the default value of 1, and note that the project shrinks if there is insufficient space. The value is 0 and does not shrink.
The attribute is not defined in the following example, but the project shrinks by default if there is insufficient space in the container.
When the flex-grow ratio of the project 1,2,3,4,5 is changed to:
, new point (), bitmapdatachannel. red, bitmapdatachannel. blue); var spbtxm: bitmap = addchi LD (New Bitmap (spbtx) as bitmap; // save bitmap data 1 in place Graph Display object // create bitmap data for adding filter SPB var SPB: bitmapdata = new bitmapdata (SPX. width + 60, SPX. height + 60, true, 0); SPB. applyfilter (spbtx, spbtx. rect, new point (30,30), new blurfilter (30,30); // var S: bitmapdata = new bitmapdata (SPX. width + 60, SPX. height + 60, false, 0x808080); S. draw (SPB); SPB.
, for a larger resolution, the webpage content is automatically centered.4.The following is how to write a CSS file. There are only four lines. Note that the statements in these rows are for the entire page, that is, the body tag or the div area of the outermost layer.
Margin: 10px auto;
This line ensures that the webpage is centered at any resolution.
Min-width: 780px;
Max-width: 1260px;
These two lines specify the minimum and maximum wi
support itWhen we zoom out of the browser, the default effect is as follows, no line break-ms-flex-wrap:nowwrap;-ms-flex-wrap:wrap;//line break-ms-flex-wrap:wrap-reverse;//Wrap, change to previous line3.flex-flowShorthand for the previous two properties-ms-flex-flow:row Wrap;4.flex-packFlex-pack and the previous version of Box-pack, set how the project is distributedJust try one.-ms-flex-pack:end;5.flex-alignWith the old version of Box-align, set the
Shrinks space based on the contraction factor set by the elastic box element as a ratioInstance:DOCTYPE HTML>HTMLLang= "zh-cmn-hans">Head>MetaCharSet= "utf-8" />title>-WEBKIT-FLEX-BASIS_CSS Reference manual _web Front-End development Reference
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->/* Search for descriptive auto-domain tables and columns Based on the title of descriptive auto-domain */--
Select fnd_dfv.title,
Physics Experiment
Time limit:1000ms Memory limit:65536kTotal submissions:3392 accepted:1177 Special Judge Description
Simon is doing a physics experiment with N identical balls with the same radius of R centimeters. Before the experiment, all N
Allocate the remaining space as a ratio based on the expansion factor set by the elastic box elementInstance:DOCTYPE HTML>HTMLLang= "zh-cmn-hans">Head>MetaCharSet= "utf-8" />title>-WEBKIT-FLEX-BASIS_CSS Reference manual _web Front-End development
Day 4-part 4-step 4 of Piglet's Android getting started
Day 4-part 4-step 4 of Piglet's Android getting started
Android event processing mechanism-collection of event processing mechanisms
------------Reprinted, please specify the
Java programming ideology version 4 Chapter 4 Personal exercises and programming ideology version 4Chapter 4 Exercise 1: (1) write a program and print the values from 1 to 100
public static void main(String[] args) {test(100);}public static void test(int num){int i=0;while(i
Exercise 2: (2) write a program to generate a random number of 25 int types. For each r
printf ("%*s", 4, "* * *" +4);printf ("%*s/n", 6, "* * *" +0); Explain/collect Baidu a problem, a bit of use for yourself.1. As explained first from%*s, the following format for the% printf is:%[flags] [width] [. precision] [{h | l | ll | I | I32 | I64}]typeFor detailed usage of these parameters, refer to MSDN:HTTP://MSDN2.MICROSOFT.COM/EN-US/LIBRARY/56E442DC (vs.80). aspxHere's what I'm talking about: the
by Long LuoPersonal blog LinksRecently in the study Java多线程 , encountered a following pen question, the topic is as follows:编写一个程序,程序会启动4个线程,向4个文件A,B,C,D里写入数据,每个线程只能写一个值。 线程A:只写A 线程B:只写B 线程C:只写C 线程D:只写D 4个文件A,B,C,D。 程序运行起来,4个文件的写入结果如下: A:ABCDABCD... B:BCDABCDA... C:CDABCDAB... Online sear
Junit 4 allows you to run test classes in bulk by using test suite classes. To create a test suite for a set of test classes, add the following annotations for the test class:
@RunWith (Suite.class) @SuiteClasses (Testclass1.class, Testclass2.class)
When run, all test classes contained within the @suiteclasses annotation are executed. Junit 4 test suite Sample
In this case, Arithmetictest.java and Geometric
1, we download a computer to install a "Baidu key root tool" can not search for downloads.
2, good at the desktop double-click "Baidu a key Root" program to install.
3, then the Millet 4 mobile phone connected to the computer and then in the Millet 4 mobile phone to open "USB debugging" switch (Recommended reading: Millet 4 Open USB debugging Tutorial).
Oracle Enterprise Linux (v5.7)-(3/5) http://www.cnblogs.com/chanchifeng/p/6818010.html in VMware [Learn] Installing Oracle Enterprise Linux (v5.7)-(4/5) http://www.cnblogs.com/chanchifeng/p/6818039.html in VMware [study hard] Install Oracle Enterprise Linux (v5.7)-(5/5) http://www.cnblogs.com/chanchifeng/p/6818191.html in VMware [book next] Installing DB in Oracle Enterprise Linux (v5.7) http://www.cnblogs.com/chanchifeng/p/7137490.html [book
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.