centering ruler

Flexbox (telescopic box) is a new feature in CSS3, which can be used to solve the center problem in the page. It takes only 3 lines of code to be implemented, without the need to set the dimensions of the elements to fit the page.This method works only on modern browsers, ie10+, Chrome, Safari, and Firefox. For example:Html:First, create a div container inside the container that needs to center the contentclass= "container"> The elements inside the container will be centered - src = "f

Old version Syntaxdiv{Display:-webkit-box;-webkit-box-align:center; Center vertically-webkit-box-pack:center;//Horizontal Center}New version syntaxdiv{Display:-webkit-flex;-webkit-align-items: Center;align-items:center;//Vertical Center-webkit-justify-content: Center;justify-content:center;//Horizontal Center}Mixed version Syntaxdiv{Display: -ms-flexbox; /* Mixed version syntax: IE ten */ -ms-flex-pack: Center;//Horizontal Center -ms-flex-align: Center;//Vertical Center}

First, if your business is not very large, the service is a single deployment, then your service address can be hard-coded into your project, but if your service is not able to handle the traffic concurrency and even poor performance, then we need a distributed deployment of our services.At first we realized this way.Whether you go to an old-fashioned ESB, or some proxy server, you first call the request to another server and then transfer it to the service provider.Now, how do we do that?The No

When learning about the bootstrap Carousel module, I learned that the carousel images were placed in IMG under the class name item.In the video teacher to the picture adaptive adoption to the picture img set width=100% complete, but such adaptive processing picture in different screen effect is different, big screen effect is very bad. Like whatSuch a picture,For the image adaptive setting width=100%, The effect is shown in the wide 1920px.Obviously, because the picture is set to a width of 100%

Recently encountered in the project is not fixed width of the picture to horizontal vertical center, found that there is a compatibility problem in the vertical center, the following collection of methods, can be used as a tradeoff.1. Background method (good compatibility, simple, but not conducive to the dynamic import of pictures)Html:class= "wrap">div>Css:. Wrap { width:300px; height:200px; background: url (... /img/test.jpg) Center center no-repeat;}2. Use a P tag outside the pict

first science A bit background image positioning:http://www.php100.com/html/webkaifa/DIV_CSS/2009/0315/2440.htmlSo the background center code is:background:url (tu.png) no-repeat Center Center;Sometimes you will encounter the need to use the center IMG, for example, many places to rely on JS to read the address of the DA, so can not use background.The code is as follows:At this time we need to set up an external container for IMG, the outer container is body. IMG Moves the position relative to t

Talk about the center on the gas, said the center can see work experience, I summed up a few, we can refer to the next 1, the center of the element within the lineThis is not much to say, horizontal center with Text-align:center, vertical center with line-hight: high value2. Center of block-level element with known wide height3. Table-cell of block-level elements with unknown width and height4. Transform of block-level elements with unknown width and height5, unknown width of the block-level ele

(1) Using Transform center, the example is as follows:DOCTYPE HTML>HTML> Head> title>Achieve vertical centeringtitle> MetaCharSet= "UTF-8"/> styletype= "Text/css"> *{margin:0;padding:0; }. Parent{width:300px;Height:300px;Border:Green solid 1px; }. Child{Margin-top:50%;Transform:Translatey ( -50%);/*combine margin-top:50%; make the element vertically centered*/text-align:Center;/*Center Horizontally*/ } style> Head>

"Android:layout_width= "Match_parent"Android:layout_height= "Match_parent"android:gravity= "Center" > TextViewAndroid:layout_width= "Wrap_content"Android:layout_height= "Wrap_content"Android:text= "@string/hello_world" />Relativelayout>View CodeCentered relative to the parent layout, in child layout settings: android:layout_centerinparent= "true".Relativelayoutxmlns:android= "Http://schemas.android.com/apk/res/android"Xmlns:tools= "Http://schemas.android.com/tools"Android:layout_width= "Match

When you design a report with the report Tool Finereport, you often experience the following issues:1. The center of the parameter control (multiline control).2, the center of the report content and the adaptive width problem, and the report title set the repeating title and how the freeze does not affect the center.3, Chart Center and adaptive width problem.The solution is as follows:1. If you are using the Finereport 7.1.1 version: Drag the control of the parameter control interface manually,