with its own PCIe configuration space.The SR-Iov technology for PCIe hardware is introduced.Figure 21-1 SR-Iov TechnologyThe two new feature types in SR-Iov are:
Physical functions (physical function, PF)
PCI features that support SR-Iov functionality, as defined in the SR-Iov specification. PF includes SR-IOV functional structure for managing SR-Iov functionality. PF is a full-featured PCIe feature that can be discovered, managed, and processed like any other PCIe d
Read Catalogue1. What is a CSS box model 2. IE box model and box model 3. CSS3 Property box-sizing 4. About the use of box models In the initial contact with CSS, the CSS box model is not known, hit many times the south wall ah. The box model is the basis for the layout of the Web page, which makes the elements appear on the page and, if mastered enough, it is much easier to use the CSS layout.1. What is a CSS box modelBox model, as the name implies,
text is not in the same line, using inline-table can make the text in the same row before and after the tableList-item type, displaying multiple elements as a list, similar to The run-in type and the compact type, if there is an element of block type behind the element, the element of run-in is contained within the latter element, and the compact is placed on the left side of the block elementTable-related typesNone type, the element is not displayedDisplay of content not fit in the boxOverflow
) + margin (20px * 2) = 270px;
In IE (lower than IE9), the final width is:
Width = width (200px) + margin (20px * 2) = 240px;
I personally think that Internet Explorer is more in line with human thinking. After all, padding is called the padding, and the border is regarded as an extra width. W3C added the box-sizing attribute in CSS3 to solve this problem. When we setbox-sizing: border-box;Border and paddin
-flex:1;/*Chrome*/-ms-flex:1;/*IE Ten*/Flex:1;background:#1bbc9b;}. Flex3{width:Auto;width:20%;Height:100%;background:#516d81;}Demo With box-sizing, you can reduce the number of unnecessary calculationsCompatibility wording:. Sizing {-moz-box-sizing: border-box; -o-box-sizing: border-box; box-
-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}
Set all columns to floating (usually left floating) with a slight padding[class*='col-']{ float: left; padding: 1%;}
Set the box-sizing element on the HTML page to border-box.
When the value of box-sizing is content-box (default), the standard box model is used. Formula for Calculating element size:Width = content width
the inner margin, the border is counted as an extra width also say not go down. Finally, in order to solve this problem, the CSS3 added box-sizing this attribute. When we set it up box-sizing: border-box; , border and padding are included in the wide-height range, and the standard before IE is the same. Therefore, in order to avoid the same CSS in different browser performance different, it is best to add:
; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
Note: Please use optimizeLegibility responsibly. In addition, IE/Edge does not support text-rendering.◆ Use max-height for the pure CSS Slider
Use max-height and overflow hiding to implement the CSS slider only:
.slider ul { max-height: 0; overlow: hidden;}.slider:hover ul { max-height: 1000px; transition: .3s ease;}
◆ Inherit box-sizing
Let box-
Buttons (CSS3) and buttons (css3)
Preview The effect first
The Transition attribute of CSS3 is used: Set the animation time and effect; Transform attribute: Set the element rotation and displacement; box-sizing attribute: define specific elements of a region in a specific way;
Method for creating a triangle:
1 width: 0; height: 0; overflow: hidden; 2 border: 7px solid transparent; 3 border-top-color: #2dcb70;/* width and height are all zero, set the
http://web.jobbole.com/85142/
Use :not() to remove unwanted borders on navigation
To body add a row height
Center any element vertically
Comma-separated list
Using negative nth-child selection elements
Using the SVG icon
Text Display optimization
Use on a pure CSS slidemax-height
Inheritedbox-sizing
Table cell width
Use Flexbox to get rid of the border hack
Use the property select
) + margin (20px * 2) = 270px;And in IE (below IE9), the width is finally:Widths = width (200px) + margin (20px * 2) = 240px;I personally think that IE is more in line with human thinking, after all, padding called the inner margin, the border is counted as an extra width also say not go down. Finally, in order to solve the problem, the CSS3 added box-sizing this attribute. When we set it up box-sizing: bor
(200px) + padding(10px * 2) + border(5px * 2) + margin(20px * 2) = 270px;In IE (below IE9), the final width is:宽度 = width(200px) + margin(20px * 2) = 240px;I personally think that IE is more in line with human thinking, after all, padding called the inner margin, the border is counted as an extra width also say not go down. Finally, in order to solve this problem, the CSS3 added box-sizing this attribute. When we set it up box-
one vApp for high performance in a production environment, and Opti Mize another for minimal storage space during evaluation.The following table contrasts a virtual machine in VMware file format with a Vsan in OVF format. OVF employs a compressed sparse format for VMDK files. Virtual disks in this format cannot be used directly for execution without conversion.
NBSP;
vmware Format
ovf format
ova Format
The cause and resolution of the JVM crash!A few days ago, when I was doing jni, I reported a bad JVM crash. The error message is as follows:# Unexpected error have been detected by HotSpot Vsan: # # Exception_access_violation (0xc0000005) at pc=0 X009fcf52, pid=4752, tid=4440 # Java Vm:java HotSpot (TM) Client VM (1.5.0_14-b03 mixed mode) # problematic frame: # V [Jvm.dll+0x9cf52] # # An error report file with more information are saved as Hs_err_pid4
fails, another instance can still provide services to some extent to meet the needs of HA. In this scenario, the user data for two instances is not synchronized, so the same user account (as shown in Figure 7) needs to be configured separately.
Figure 7 Dual master replication for quasi-ha
The 3rd scenario is to leverage existing high-availability platforms, such as Vsphere HA, with distributed storage Vsan, to achieve high availability of registry
VSphere VSMPVsphere Virtual symmetric multiplexing (Vsan symmetric multi-processing, VSMP) allows virtual infrastructure administrators to create virtual machines with multi-pane virtual processors.
Vsphere vMotion and vsphere Storage vMotion Dynamic Migration (Live migration)
VSphere DRSThe DRS cluster aggregates the CPU and memory capacity of all hosts, but it is important to note that the virtual machine can use only one physical server's CPU a
.
5. When block-level elements wrap inline elements, there will always be several pixel differences
Solution: Set the inline element attribute: display: block;
..Css hack (hack is risky and should be used with caution)
1. html hack
Use in css:
.ie6 body{ background-color:red;}
2. selector hack
* html .test{color:#090;} /* For IE6 */* + html .test{color:#ff0;} /* For IE7 */
3. Attribute hack
Color: # fff \ 0;/*: Select IE8 + and Opera */color: #090 \ 9;/* For IE browser */* color: # f00;
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.