Shulou(Shulou.com)06/01 Report--

This article mainly explains the "HTML percentage value how to center the image in its elements", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "HTML percentage value how to center the image in its elements" bar!

The performance of the percent value of the gate diameter is more and more annoying. If you pray for the image to be centered in its elements with a percentage value, this is simple:

Body {bac kg round-image:url ('/ iUniverse BGR 03.gif'); bac kg round-repeat:no-repeat; bac kg round-position:50% 50%;}

This leads to the proper layout of the image, with its center aligned with the core of its elements. In other words, the percentage value is applied to both elements and images. In other words, the point depicted as 50% in the image (the center point) is aligned with the point depicted as 50% in the element (the center point).

If the image is at 0%, the upper-left corner will be placed in the upper-left corner of the inner margin area of the element. If the image status is 100% 100%, the lower right corner of the image will be placed in the lower right corner of the right margin.

So, if you want to put an image on the horizontal left side 2max 3, vertical target 1max 3, what a statement:

Body {bac kilogram round-image:url ('/ iUniverse round-repeat:no-repeat; bac round-repeat:no-repeat; bac kg round-position:66% 33%; / iUniverse round-repeat:no-repeat; bac kg round-GIF');

If you supply only one percentage value, the supplied value will be used as the degree value, and the vertical value will be assumed to be 50%. This is similar to keywords.

The default value of bac kilogram round-position is 0%, which is equivalent to top left in terms of compliance. This explains why the backing image is always tiled from the upper-left corner of the inner margin area of the element, unless you set the equipment with different location values.

Thank you for your reading, the above is the "HTML percentage value how to center the image in its elements" of the content, after the study of this article, I believe you on the HTML percentage value how to center the image in its elements of this problem has a deeper understanding, the specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.