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

This article is a detailed introduction to "what is the expression of HTML percentage value". The content is detailed, the steps are clear, and the details are properly handled. I hope this article "what is the expression of HTML percentage value" can help you solve your doubts. Let's go deeper and learn new knowledge together with the ideas of Xiaobian.

Percentage values are presented in more complex ways. If you want to center an image in its elements with percentage values, it's simple:

body { bac public jin round-image:url('/i/eg_bg_03.gif'); bac kg round-repeat:no-repeat; background-position:50% 50%; }

This causes the image to be properly arranged, with its center aligned with the periphery of its elements. In other words, percentage values apply to both elements and images. That is, 50% and 50% of the points depicted in the image (peripheral points) align with 50% and 50% of the points depicted in the element (core points).

If the image is at 0% 0%, its upper-left corner is placed in the upper-left corner of the element's padding area. If the image position is 100% 100%, the lower right corner of the image is placed at the lower right corner of the right margin.

Thus, if you want to place an image at 2/3 of the level and 1/3 of the vertical, you can state:

body { bac kilo round-image:url('/i/eg_bg_03.gif'); bac kg round-repeat:no-repeat; background-position:66% 33%; }

If only a percentage value is provided, the value supplied will be used as the leveling value and the vertical value will be 50%. This is linked to keywords.

The default value for bac kg round-position is 0% 0% on command up to about top left. This explains why backup images are always tiled from the top left corner of the element's padding area unless you set a different position value.

Read here, this article "HTML percentage value of what is the way" article has been introduced, want to master the knowledge of this article also need to practice to understand, if you want to know more about the content of the article, welcome to pay attention to the industry information channel.

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.