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

This article will explain in detail how to achieve css picture in the middle of the box, Xiaobian feel quite practical, so share to you as a reference, I hope you can read this article after harvest.

Picture centered in box

.box{ width: 300px; height: 300px; border: 1px dotted blue; margin: 0 auto; line-height: 400px; text-align: center; }

ps: The special text type of the picture, so use the vertical and horizontal centering method of ordinary text to complete the centering of the picture, you need to pay attention to the size of the picture must be less than half of the box, otherwise the effect is not obvious.

About "css how to achieve the picture in the box centered" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it to let more people see.

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.